input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="text"] {
  -webkit-appearance: none; }

button, input, textarea, select {
  border: none;
  border-radius: 0;
  outline: none; }

.fff {
  background: #fff !important; }

.tc {
  text-align: center; }

a, select, textarea, input, button, html, body, div, ul, li {
  -webkit-tap-highlight-color: transparent !important; }

.ellipsis, .main.news .news_box .news_list .news_list_cen .content .news_l ul li a .cont .txt, .main.news .news_box .news_list .news_list_cen .content .news_r ul li a .txt, .main.news .news_detail .detail_bot .detail_l p, .main.service .product_box .product_list ul li .cont .des .tit, .main.service .product_box .product_list ul li .cont .des .txt, .main.welcome .index_news .news_box .news_r .tab .tab_cell ul li a .cont .t, .main.welcome .index_product .product_list ul li .cont .des .tit, .main.welcome .index_product .product_list ul li .cont .des .txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

body {
  overflow: hidden; }

@media (min-width: 1024px) {
  .top, .banner .txt_box, .main.news .news_box .news_list .news_list_cen, .main.news .list_box .list_box_cen ul li, .main.news .news_detail, .main.news .join_box .jm, .main.news .join_box .join_box_cen .type, .main.news .join_box .join_box_cen .join_list, .main.news .cooperation_box .mode .mode_cen .t, .main.news .cooperation_box .mode .mode_cen .mode_list ul li, .main.news .cooperation_box .box .t, .main.service .service_box .service_cen .pic, .main.service .service_box .service_cen .service_list ul .li, .main.service .detail_box .detail_top, .main.service .detail_box .detail_content .dr, .main.service .detail_box .detail_content .dl .content, .main.welcome .box .index_service .service_list ul li, .main.welcome .link_box .link_box_cen ul li, .main.about .history .title_box, .main.about .history .history_box, .main.about .speech .speech_cen .speech_text, .main.about .leader_honor .leader_honor_cen, .main.about .intro .intro_txt .intro_txt_box, .main.about .culture .title_box, .main.about .culture .culture_box ul li, .main.about .inscription, .main.about .honor_wrap .honor_cen, .main.contact .contact_box .contact_top, .main.contact .contact_box .store .store_list .ul .li, .main.support .support_top .support_cen .people, .main.support .img_box, .main.support .standard .ani, .main.support .standard .t, .page_box {
    transform: translateY(40px);
    opacity: 0; }
    .top.animate, .banner .animate.txt_box, .main.news .news_box .news_list .animate.news_list_cen, .main.news .list_box .list_box_cen ul li.animate, .main.news .animate.news_detail, .main.news .join_box .animate.jm, .main.news .join_box .join_box_cen .animate.type, .main.news .join_box .join_box_cen .animate.join_list, .main.news .cooperation_box .mode .mode_cen .animate.t, .main.news .cooperation_box .mode .mode_cen .mode_list ul li.animate, .main.news .cooperation_box .box .animate.t, .main.service .service_box .service_cen .animate.pic, .main.service .service_box .service_cen .service_list ul .animate.li, .main.service .detail_box .animate.detail_top, .main.service .detail_box .detail_content .animate.dr, .main.service .detail_box .detail_content .dl .animate.content, .main.welcome .box .index_service .service_list ul li.animate, .main.welcome .link_box .link_box_cen ul li.animate, .main.about .history .animate.title_box, .main.about .history .animate.history_box, .main.about .speech .speech_cen .animate.speech_text, .main.about .leader_honor .animate.leader_honor_cen, .main.about .intro .intro_txt .animate.intro_txt_box, .main.about .culture .animate.title_box, .main.about .culture .culture_box ul li.animate, .main.about .animate.inscription, .main.about .honor_wrap .animate.honor_cen, .main.contact .contact_box .animate.contact_top, .main.contact .contact_box .store .store_list .ul .animate.li, .main.support .support_top .support_cen .animate.people, .main.support .animate.img_box, .main.support .standard .animate.ani, .main.support .standard .animate.t, .animate.page_box {
      transform: translateY(0px);
      opacity: 1;
      transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1), box-shadow 0.5s ease-out; } }

@media (min-width: 1024px) {
  .scaleY, .main.service .product_box .product_list ul li, .main.welcome .index_product .product_list ul li, .main.contact .contact_box .contact_top .radius {
    transform: scale(0.5) rotateY(45deg);
    opacity: 0;
    transform-origin: center center; }
    .scaleY.animate, .main.service .product_box .product_list ul li.animate, .main.welcome .index_product .product_list ul li.animate, .main.contact .contact_box .contact_top .animate.radius {
      transform: scale(1) rotate(0deg);
      opacity: 1;
      transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1), box-shadow 0.5s ease-out; } }

@media (min-width: 1024px) {
  .bottom, .main.news .cooperation_box .box .list ul li, .main.service .product_box .index_service_title, .main.welcome .index_service_title, .main.welcome .read_more, .main.about .intro .intro_img .intro_cen .img_box, .main.support .support_top .support_cen .text_box .t, .main.support .support_top .support_cen .text_box .con, .main.support .support_top .support_cen .text_box .pic {
    transform: translateY(-40px);
    opacity: 0; }
    .bottom.animate, .main.news .cooperation_box .box .list ul li.animate, .main.service .product_box .animate.index_service_title, .main.welcome .animate.index_service_title, .main.welcome .animate.read_more, .main.about .intro .intro_img .intro_cen .animate.img_box, .main.support .support_top .support_cen .text_box .animate.t, .main.support .support_top .support_cen .text_box .animate.con, .main.support .support_top .support_cen .text_box .animate.pic {
      transform: translateY(0px);
      opacity: 1;
      transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); } }

@media (min-width: 1024px) {
  .left, .news_nav .news_nav_cen ul li, .main.welcome .index_news .news_box .news_r, .main.contact .contact_box .store .store_tit, .main.support .certification_box .certification_cen .text_box .t, .main.support .certification_box .certification_cen .text_box .con, .main.support .certification_box .certification_cen .text_box .pic {
    transform: translateX(40px);
    opacity: 0;
    filter: alpha(opacity=0); }
    .left.animate, .news_nav .news_nav_cen ul li.animate, .main.welcome .index_news .news_box .animate.news_r, .main.contact .contact_box .store .animate.store_tit, .main.support .certification_box .certification_cen .text_box .animate.t, .main.support .certification_box .certification_cen .text_box .animate.con, .main.support .certification_box .certification_cen .text_box .animate.pic {
      transform: translateX(0px);
      opacity: 1;
      filter: alpha(opacity=100);
      transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); } }

.fafafa {
  background: #fafafa; }

@media (min-width: 1024px) {
  .right, .main.welcome .index_news .news_box .news_l, .main.about .history .since .txt {
    transform: translateX(-40px);
    opacity: 0;
    filter: alpha(opacity=0); }
    .right.animate, .main.welcome .index_news .news_box .animate.news_l, .main.about .history .since .animate.txt {
      transform: translateX(0px);
      opacity: 1;
      filter: alpha(opacity=100);
      transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); } }

.w1200 {
  width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 1240px) {
    .w1200 {
      width: 94%; } }

.banner {
  position: relative;
  overflow: hidden; }
  .banner.contact .txt_box .tab {
    padding-top: 0;
    margin-top: -4%; }
    .banner.contact .txt_box .tab .tab_cell .cn_t {
      color: #505050; }
    .banner.contact .txt_box .tab .tab_cell .en_t {
      color: #ff9313; }
  @media (max-width: 500px) {
    .banner.join img {
      width: 160%;
      margin-left: -30%; } }
  .banner img {
    width: 100%;
    height: auto; }
    @media (max-width: 1920px) and (min-width: 1903px) {
      .banner img {
        width: 1920px; } }
    @media (max-width: 1300px) {
      .banner img {
        width: 130%;
        margin-left: -15%; } }
    @media (max-width: 500px) {
      .banner img {
        width: 190%;
        margin-left: -45%; } }
  .banner .txt_box {
    width: 1200px;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 0;
    height: 100%;
    padding-left: 6.6%;
    box-sizing: border-box; }
    .banner .txt_box.txt_box2 {
      padding-left: 0;
      text-align: center; }
      .banner .txt_box.txt_box2 .txt {
        font-size: 16px;
        line-height: 28px;
        color: #fff;
        width: 790px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-top: 20px; }
        @media (max-width: 1024px) {
          .banner .txt_box.txt_box2 .txt {
            width: 90%;
            font-size: 14px;
            line-height: 24px;
            margin-top: 15px; } }
        @media (max-width: 600px) {
          .banner .txt_box.txt_box2 .txt {
            font-size: 12px;
            line-height: 20px;
            margin-top: 10px; } }
    @media (max-width: 1240px) {
      .banner .txt_box {
        width: 94%;
        margin-left: -47%; } }
    @media (max-width: 1024px) {
      .banner .txt_box {
        padding-left: 0; } }
    .banner .txt_box .tab {
      width: 100%;
      height: 100%;
      display: table;
      padding-top: 16px;
      box-sizing: border-box; }
      @media (max-width: 1024px) {
        .banner .txt_box .tab {
          padding-top: 0; } }
      .banner .txt_box .tab .tab_cell {
        display: table-cell;
        vertical-align: middle; }
        .banner .txt_box .tab .tab_cell .cn_t {
          font-size: 36px;
          line-height: 46px;
          color: #fff; }
          @media (max-width: 1024px) {
            .banner .txt_box .tab .tab_cell .cn_t {
              font-size: 32px;
              line-height: 40px; } }
          @media (max-width: 768px) {
            .banner .txt_box .tab .tab_cell .cn_t {
              font-size: 22px;
              line-height: 30px; } }
        .banner .txt_box .tab .tab_cell .en_t {
          font-size: 48px;
          line-height: 48px;
          color: #fff;
          font-family: Arial; }
          @media (max-width: 1024px) {
            .banner .txt_box .tab .tab_cell .en_t {
              font-size: 40px;
              line-height: 40px; } }
          @media (max-width: 768px) {
            .banner .txt_box .tab .tab_cell .en_t {
              font-size: 28px;
              line-height: 28px; } }

.title_box .cn {
  font-size: 36px;
  line-height: 46px;
  color: #454545; }
  @media (max-width: 1024px) {
    .title_box .cn {
      font-size: 32px;
      line-height: 40px; } }
  @media (max-width: 768px) {
    .title_box .cn {
      font-size: 22px;
      line-height: 30px; } }
.title_box .en {
  font-size: 18px;
  line-height: 24px;
  color: #ababab;
  font-family: Arial; }
  @media (max-width: 1024px) {
    .title_box .en {
      font-size: 16px;
      line-height: 24px; } }
  @media (max-width: 768px) {
    .title_box .en {
      font-size: 13px;
      line-height: 20px; } }

.news_nav {
  background: #fff;
  border-bottom: 1px solid #e7e7e7; }
  .news_nav .news_nav_cen ul {
    text-align: center;
    font-size: 0; }
    .news_nav .news_nav_cen ul li {
      padding: 0 60px;
      font-size: 18px;
      line-height: 72px;
      color: #3c3c3c;
      display: inline-block;
      vertical-align: top;
      position: relative; }
      @media (min-width: 1024px) {
        .news_nav .news_nav_cen ul li:hover a::after {
          transform: scaleX(1);
          transform-origin: left center; } }
      .news_nav .news_nav_cen ul li.active a::after {
        transform: scaleX(1);
        transform-origin: left center; }
      @media (max-width: 1024px) {
        .news_nav .news_nav_cen ul li {
          padding: 0 44px;
          font-size: 16px;
          line-height: 60px; } }
      @media (max-width: 700px) {
        .news_nav .news_nav_cen ul li {
          padding: 0 30px; } }
      @media (max-width: 550px) {
        .news_nav .news_nav_cen ul li {
          width: 25%;
          padding: 0;
          font-size: 15px;
          line-height: 44px; } }
      .news_nav .news_nav_cen ul li:last-child::after {
        display: none; }
      .news_nav .news_nav_cen ul li::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 26px;
        background: #e1e1e1;
        right: 0;
        top: 50%;
        margin-top: -13px; }
        @media (max-width: 1024px) {
          .news_nav .news_nav_cen ul li::after {
            height: 20px;
            margin-top: -10px; } }
        @media (max-width: 550px) {
          .news_nav .news_nav_cen ul li::after {
            display: none; } }
      .news_nav .news_nav_cen ul li a {
        display: block;
        color: #3c3c3c;
        position: relative; }
        .news_nav .news_nav_cen ul li a::after {
          content: '';
          position: absolute;
          width: 96px;
          height: 3px;
          background: #e50012;
          left: 50%;
          margin-left: -48px;
          bottom: 0;
          transform: scaleX(0);
          transform-origin: right center;
          transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1); }
          @media (max-width: 700px) {
            .news_nav .news_nav_cen ul li a::after {
              width: 70px;
              margin-left: -35px; } }
          @media (max-width: 550px) {
            .news_nav .news_nav_cen ul li a::after {
              width: 60px;
              margin-left: -30px; } }

@font-face {
  font-family: "HELVETICACDBLK";
  src: url("../fonts/HELVETICACDBLK.woff2") format("woff2"), url("../fonts/HELVETICACDBLK.woff") format("woff"), url("../fonts/HELVETICACDBLK.ttf") format("truetype"), url("../fonts/HELVETICACDBLK.eot") format("embedded-opentype"), url("../fonts/HELVETICACDBLK.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "CENTURYGOTHIC-BOLD";
  src: url("../fonts/CENTURYGOTHIC-BOLD.woff2") format("woff2"), url("../fonts/CENTURYGOTHIC-BOLD.woff") format("woff"), url("../fonts/CENTURYGOTHIC-BOLD.ttf") format("truetype"), url("../fonts/CENTURYGOTHIC-BOLD.eot") format("embedded-opentype"), url("../fonts/CENTURYGOTHIC-BOLD.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "HELVETICAMEDCD";
  src: url("../fonts/HELVETICAMEDCD.woff2") format("woff2"), url("../fonts/HELVETICAMEDCD.woff") format("woff"), url("../fonts/HELVETICAMEDCD.ttf") format("truetype"), url("../fonts/HELVETICAMEDCD.eot") format("embedded-opentype"), url("../fonts/HELVETICAMEDCD.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
::-webkit-input-placeholder {
  color: #aaa !important; }

:-moz-placeholder {
  color: #aaa !important; }

::-moz-placeholder {
  color: #aaa !important; }

:-ms-input-placeholder {
  color: #aaa !important; }

.process ::-webkit-input-placeholder {
  color: #ccc !important; }

.process :-moz-placeholder {
  color: #ccc !important; }

.process ::-moz-placeholder {
  color: #ccc !important; }

.process :-ms-input-placeholder {
  color: #ccc !important; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  z-index: 1000;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.09); }
  .header .header_cen .logo {
    line-height: 86px;
    display: block;
    float: left; }
    @media (max-width: 1024px) {
      .header .header_cen .logo {
        line-height: 60px; }
        .header .header_cen .logo img {
          height: 30px; } }
  .header .header_cen .push-line {
    overflow: hidden;
    width: 30px;
    height: 60px;
    cursor: pointer;
    float: right;
    position: relative;
    display: none;
    transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
    @media (max-width: 1024px) {
      .header .header_cen .push-line {
        display: block; } }
    .header .header_cen .push-line span {
      height: 2px;
      background: #e50012;
      display: block;
      position: absolute;
      width: 28px;
      display: block;
      z-index: 5;
      top: 18px;
      right: 0;
      transform-origin: center;
      border-radius: 3px;
      transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
      .header .header_cen .push-line span.line-2 {
        top: 28px; }
      .header .header_cen .push-line span.line-3 {
        top: 38px; }
    .header .header_cen .push-line.currentDd .line-1 {
      transform: rotate(225deg);
      top: 28px; }
    .header .header_cen .push-line.currentDd .line-2 {
      opacity: 0;
      left: -100%; }
    .header .header_cen .push-line.currentDd .line-3 {
      top: 28px;
      transform: rotate(-225deg); }
  .header .header_cen .login {
    float: right;
    display: block;
    line-height: 86px;
    margin-left: 22px; }
    @media (max-width: 1024px) {
      .header .header_cen .login {
        line-height: 60px;
        margin-right: 10px; }
        .header .header_cen .login img {
          margin-left: 0; } }
  .header .header_cen .nav {
    float: right; }
    @media (max-width: 1024px) {
      .header .header_cen .nav {
        display: none; } }
    .header .header_cen .nav ul li {
      float: left;
      position: relative; }
      .header .header_cen .nav ul li.active a::before {
        transform: scaleX(1);
        transform-origin: left center; }
      .header .header_cen .nav ul li > a {
        display: block;
        font-size: 16px;
        line-height: 86px;
        color: #4d4d4d;
        padding: 0 33px;
        position: relative; }
        @media (min-width: 1024px) {
          .header .header_cen .nav ul li > a:hover::before {
            transform: scaleX(1);
            transform-origin: left center; } }
        .header .header_cen .nav ul li > a::before {
          content: '';
          position: absolute;
          left: 33px;
          bottom: 0;
          right: 33px;
          height: 3px;
          z-index: 10;
          background: #e50012;
          transform: scaleX(0);
          transform-origin: right center;
          transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1); }
        .header .header_cen .nav ul li > a::after {
          content: "";
          position: absolute;
          right: 0;
          width: 1px;
          height: 20px;
          background: #e9e9e9;
          top: 50%;
          margin-top: -10px; }
        @media (max-width: 1200px) {
          .header .header_cen .nav ul li > a {
            padding: 0 25px; }
            .header .header_cen .nav ul li > a::before {
              left: 25px;
              right: 25px; } }
        @media (max-width: 1100px) {
          .header .header_cen .nav ul li > a {
            padding: 0 20px; }
            .header .header_cen .nav ul li > a::before {
              left: 20px;
              right: 20px; } }
      .header .header_cen .nav ul li .slider {
        width: 190px;
        height: auto;
        display: none;
        position: absolute;
        left: 50%;
        margin-left: -95px;
        top: 85px;
        background: #fbfbfb;
        border-top: 1px solid #e1e1e1;
        transition: background 0.5s cubic-bezier(0.445, 0.145, 0.385, 1);
        padding-bottom: 13px;
        border-bottom: 4px solid #e1e1e1;
        z-index: 100; }
        .header .header_cen .nav ul li .slider a {
          display: block;
          padding: 12px 30px 12px 60px;
          text-align: left;
          font-size: 0;
          font-size: 14px;
          line-height: 24px;
          color: #666;
          position: relative; }
          @media (min-width: 1024px) {
            .header .header_cen .nav ul li .slider a:hover {
              color: #e50012;
              background: #fff; }
              .header .header_cen .nav ul li .slider a:hover::after {
                transform-origin: top center;
                transform: scaleY(1); } }
          .header .header_cen .nav ul li .slider a::after {
            content: '';
            display: block;
            position: absolute;
            width: 4px;
            height: 100%;
            left: 0;
            top: 0;
            background: #e50012;
            transition: transform 0.5s cubic-bezier(0.445, 0.145, 0.385, 1);
            transform: scaleY(0);
            transform-origin: bottom center; }

.main {
  padding-top: 86px; }
  @media (max-width: 1024px) {
    .main {
      padding-top: 60px; } }
  .main.news .news_box .news_list {
    padding-top: 40px;
    padding-bottom: 90px; }
    @media (max-width: 1024px) {
      .main.news .news_box .news_list {
        padding-top: 30px;
        padding-bottom: 60px; } }
    @media (max-width: 600px) {
      .main.news .news_box .news_list {
        padding-bottom: 30px; } }
    .main.news .news_box .news_list:nth-child(even) .news_list_cen .content .news_l {
      float: right; }
      .main.news .news_box .news_list:nth-child(even) .news_list_cen .content .news_l ul li .arrow {
        border-left: none;
        border-right: 10px solid #e50012;
        right: auto;
        left: -10px; }
    .main.news .news_box .news_list:nth-child(even) .news_list_cen .content .news_r {
      float: left; }
    .main.news .news_box .news_list .news_list_cen {
      padding-top: 35px; }
      @media (max-width: 1024px) {
        .main.news .news_box .news_list .news_list_cen {
          padding-top: 25px; } }
      @media (max-width: 768px) {
        .main.news .news_box .news_list .news_list_cen {
          padding-top: 0; } }
      .main.news .news_box .news_list .news_list_cen .news-tit .news_txt {
        float: left;
        font-size: 30px;
        line-height: 40px;
        color: #454545; }
        @media (max-width: 1024px) {
          .main.news .news_box .news_list .news_list_cen .news-tit .news_txt {
            font-size: 26px;
            line-height: 38px; } }
        @media (max-width: 600px) {
          .main.news .news_box .news_list .news_list_cen .news-tit .news_txt {
            font-size: 20px;
            line-height: 30px; } }
        .main.news .news_box .news_list .news_list_cen .news-tit .news_txt span {
          font-size: 18px;
          line-height: 20px;
          color: #ababab;
          font-family: Arial;
          display: inline-block;
          vertical-align: bottom;
          text-transform: uppercase;
          margin-left: 10px; }
          @media (max-width: 1024px) {
            .main.news .news_box .news_list .news_list_cen .news-tit .news_txt span {
              font-size: 16px;
              line-height: 18px;
              vertical-align: -2px; } }
          @media (max-width: 600px) {
            .main.news .news_box .news_list .news_list_cen .news-tit .news_txt span {
              margin-left: 2px;
              font-size: 13px;
              line-height: 15px;
              display: none; } }
      .main.news .news_box .news_list .news_list_cen .news-tit .more {
        display: block;
        float: right;
        width: 130px;
        background: #fff;
        border: 1px solid #e6e6e6;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 40px;
        color: #454545;
        text-align: center;
        border-radius: 40px;
        transition: background 0.5s,color 0.5s; }
        @media (min-width: 1024px) {
          .main.news .news_box .news_list .news_list_cen .news-tit .more:hover {
            background: #e50012;
            border-color: #e50012;
            color: #fff; } }
        @media (max-width: 1024px) {
          .main.news .news_box .news_list .news_list_cen .news-tit .more {
            line-height: 38px;
            width: 120px; } }
        @media (max-width: 600px) {
          .main.news .news_box .news_list .news_list_cen .news-tit .more {
            font-size: 13px;
            line-height: 30px;
            width: 100px; } }
      .main.news .news_box .news_list .news_list_cen .content {
        margin-top: 20px; }
        @media (max-width: 600px) {
          .main.news .news_box .news_list .news_list_cen .content {
            margin-top: 10px; } }
        .main.news .news_box .news_list .news_list_cen .content .news_l {
          float: left;
          width: 48.25%; }
          @media (max-width: 950px) {
            .main.news .news_box .news_list .news_list_cen .content .news_l {
              width: 100%;
              float: none; } }
          .main.news .news_box .news_list .news_list_cen .content .news_l ul li {
            position: relative;
            transition: background 0.3s; }
            @media (max-width: 950px) {
              .main.news .news_box .news_list .news_list_cen .content .news_l ul li {
                height: auto !important; } }
            @media (min-width: 950px) {
              .main.news .news_box .news_list .news_list_cen .content .news_l ul li.active {
                background: #e50012; }
                .main.news .news_box .news_list .news_list_cen .content .news_l ul li.active .arrow {
                  opacity: 1;
                  filter: alpha(opacity=100); }
                .main.news .news_box .news_list .news_list_cen .content .news_l ul li.active a .cont .time, .main.news .news_box .news_list .news_list_cen .content .news_l ul li.active a .cont .txt {
                  color: #fff; } }
            @media (min-width: 1024px) {
              .main.news .news_box .news_list .news_list_cen .content .news_l ul li:hover {
                background: #e50012; }
                .main.news .news_box .news_list .news_list_cen .content .news_l ul li:hover .arrow {
                  opacity: 1;
                  filter: alpha(opacity=100); }
                .main.news .news_box .news_list .news_list_cen .content .news_l ul li:hover a .cont .time, .main.news .news_box .news_list .news_list_cen .content .news_l ul li:hover a .cont .txt {
                  color: #fff; } }
            .main.news .news_box .news_list .news_list_cen .content .news_l ul li .arrow {
              width: 0;
              height: 0;
              border-bottom: 9px solid transparent;
              border-top: 9px solid transparent;
              border-left: 10px solid #e50012;
              position: absolute;
              z-index: 10;
              bottom: 0;
              right: -10px;
              top: 50%;
              margin-top: -9px;
              opacity: 0;
              filter: alpha(opacity=0);
              transition: opacity 0.3s; }
            .main.news .news_box .news_list .news_list_cen .content .news_l ul li a {
              display: block;
              width: 100%;
              height: 100%;
              border-bottom: 1px solid #ededed;
              box-sizing: border-box;
              position: relative; }
              .main.news .news_box .news_list .news_list_cen .content .news_l ul li a .cont {
                padding: 0 12px;
                height: 50px;
                position: absolute;
                width: 100%;
                left: 0;
                top: 50%;
                margin-top: -25px;
                box-sizing: border-box; }
                @media (max-width: 1100px) {
                  .main.news .news_box .news_list .news_list_cen .content .news_l ul li a .cont {
                    height: 44px;
                    margin-top: -22px; } }
                @media (max-width: 950px) {
                  .main.news .news_box .news_list .news_list_cen .content .news_l ul li a .cont {
                    position: static;
                    padding: 15px 0;
                    margin-top: 0;
                    height: auto; } }
                .main.news .news_box .news_list .news_list_cen .content .news_l ul li a .cont .time {
                  font-size: 14px;
                  line-height: 24px;
                  color: #999;
                  transition: color 0.3s; }
                  @media (max-width: 1100px) {
                    .main.news .news_box .news_list .news_list_cen .content .news_l ul li a .cont .time {
                      font-size: 13px;
                      line-height: 20px; } }
                .main.news .news_box .news_list .news_list_cen .content .news_l ul li a .cont .txt {
                  font-size: 18px;
                  line-height: 26px;
                  color: #454545;
                  transition: color 0.3s; }
                  @media (max-width: 1100px) {
                    .main.news .news_box .news_list .news_list_cen .content .news_l ul li a .cont .txt {
                      font-size: 16px;
                      line-height: 24px; } }
        .main.news .news_box .news_list .news_list_cen .content .news_r {
          position: relative;
          overflow: hidden;
          width: 48.25%;
          float: right; }
          @media (max-width: 950px) {
            .main.news .news_box .news_list .news_list_cen .content .news_r {
              display: none; } }
          .main.news .news_box .news_list .news_list_cen .content .news_r ul li {
            position: absolute;
            left: 0;
            top: 0;
            transition: opacity 0.38s;
            width: 100%;
            opacity: 0;
            filter: alpha(opacity=0); }
            .main.news .news_box .news_list .news_list_cen .content .news_r ul li.active {
              opacity: 1;
              filter: alpha(opacity=100);
              z-index: 10; }
            .main.news .news_box .news_list .news_list_cen .content .news_r ul li a {
              display: block;
              position: relative; }
              @media (min-width: 1024px) {
                .main.news .news_box .news_list .news_list_cen .content .news_r ul li a:hover .pic img {
                  transform: scale(1.05); } }
              .main.news .news_box .news_list .news_list_cen .content .news_r ul li a .pic {
                overflow: hidden; }
                .main.news .news_box .news_list .news_list_cen .content .news_r ul li a .pic img {
                  width: 100%;
                  height: auto;
                  transition: all 0.5s ease-in-out; }
              .main.news .news_box .news_list .news_list_cen .content .news_r ul li a .txt {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                background: rgba(0, 0, 0, 0.8);
                font-size: 18px;
                line-height: 30px;
                color: #fff;
                text-align: center;
                padding: 17px 10px;
                box-sizing: border-box; }
                @media (max-width: 1100px) {
                  .main.news .news_box .news_list .news_list_cen .content .news_r ul li a .txt {
                    font-size: 16px;
                    line-height: 24px;
                    padding: 13px 10px; } }
  .main.news .list_box {
    background: #fbfbfb; }
    .main.news .list_box .list_box_cen {
      padding-bottom: 115px;
      padding-top: 27px; }
      @media (max-width: 1024px) {
        .main.news .list_box .list_box_cen {
          padding-bottom: 70px; } }
      @media (max-width: 600px) {
        .main.news .list_box .list_box_cen {
          padding-bottom: 40px; } }
      .main.news .list_box .list_box_cen ul {
        width: 110%; }
        @media (max-width: 650px) {
          .main.news .list_box .list_box_cen ul {
            width: 100%; } }
        .main.news .list_box .list_box_cen ul li {
          float: left;
          width: 28.4%;
          margin-right: 2.8%;
          margin-top: 2.8%;
          background-color: #fff;
          box-shadow: 0 0 21px rgba(0, 0, 0, 0.12); }
          @media (min-width: 1024px) {
            .main.news .list_box .list_box_cen ul li:hover a .pic img {
              transform: scale(1.05); }
            .main.news .list_box .list_box_cen ul li:hover a .cont .t {
              color: #e50012; } }
          @media (max-width: 650px) {
            .main.news .list_box .list_box_cen ul li {
              width: 48%;
              margin-right: 0;
              margin-top: 4%; }
              .main.news .list_box .list_box_cen ul li:nth-child(even) {
                float: right; } }
          @media (max-width: 600px) {
            .main.news .list_box .list_box_cen ul li:first-child {
              margin-top: 0; } }
          @media (max-width: 450px) {
            .main.news .list_box .list_box_cen ul li {
              width: 100%;
              float: none;
              margin-right: 0;
              margin-top: 15px; }
              .main.news .list_box .list_box_cen ul li:nth-child(even) {
                float: none; } }
          .main.news .list_box .list_box_cen ul li a {
            display: block; }
            .main.news .list_box .list_box_cen ul li a .pic {
              overflow: hidden; }
              .main.news .list_box .list_box_cen ul li a .pic img {
                width: 100%;
                height: auto;
                transition: all 0.5s ease-in-out; }
            .main.news .list_box .list_box_cen ul li a .cont {
              padding: 28px; }
              @media (max-width: 1100px) {
                .main.news .list_box .list_box_cen ul li a .cont {
                  padding: 20px; } }
              @media (max-width: 800px) {
                .main.news .list_box .list_box_cen ul li a .cont {
                  padding: 15px; } }
              .main.news .list_box .list_box_cen ul li a .cont .t {
                font-size: 18px;
                line-height: 30px;
                color: #454545;
                height: 60px;
                transition: color 0.5s;
                overflow: hidden; }
                @media (max-width: 1024px) {
                  .main.news .list_box .list_box_cen ul li a .cont .t {
                    font-size: 16px;
                    line-height: 28px;
                    height: 56px; } }
              .main.news .list_box .list_box_cen ul li a .cont .date {
                font-size: 14px;
                line-height: 20px;
                color: #999;
                margin-top: 13px;
                font-family: Arial; }
                @media (max-width: 1024px) {
                  .main.news .list_box .list_box_cen ul li a .cont .date {
                    margin-top: 10px;
                    font-size: 13px;
                    line-height: 20px; } }
  .main.news .news_detail {
    padding-bottom: 70px; }
    @media (max-width: 1024px) {
      .main.news .news_detail {
        padding-bottom: 50px; } }
    @media (max-width: 600px) {
      .main.news .news_detail {
        padding-bottom: 30px; } }
    .main.news .news_detail .detail_tit {
      padding-top: 53px;
      padding-bottom: 20px;
      border-bottom: 1px dashed #e6e6e6;
      text-align: center; }
      @media (max-width: 1024px) {
        .main.news .news_detail .detail_tit {
          padding-top: 40px; } }
      @media (max-width: 600px) {
        .main.news .news_detail .detail_tit {
          padding-top: 25px;
          padding-bottom: 15px; } }
      .main.news .news_detail .detail_tit .t {
        font-size: 24px;
        line-height: 42px;
        color: #454545; }
        @media (max-width: 1024px) {
          .main.news .news_detail .detail_tit .t {
            font-size: 20px;
            line-height: 36px; } }
        @media (max-width: 768px) {
          .main.news .news_detail .detail_tit .t {
            font-size: 18px;
            line-height: 30px; } }
      .main.news .news_detail .detail_tit .msg {
        font-size: 0;
        margin-top: 20px; }
        @media (max-width: 600px) {
          .main.news .news_detail .detail_tit .msg {
            margin-top: 10px; } }
        .main.news .news_detail .detail_tit .msg .time {
          font-size: 14px;
          line-height: 24px;
          color: #666;
          display: inline-block;
          vertical-align: middle;
          margin: 0 8px; }
          @media (max-width: 1024px) {
            .main.news .news_detail .detail_tit .msg .time {
              font-size: 13px;
              line-height: 20px;
              margin: 0 3px; } }
        .main.news .news_detail .detail_tit .msg .share {
          display: inline-block;
          margin: 0 8px;
          vertical-align: middle; }
          @media (max-width: 1024px) {
            .main.news .news_detail .detail_tit .msg .share {
              margin: 0 3px; } }
          .main.news .news_detail .detail_tit .msg .share span {
            font-size: 14px;
            line-height: 24px;
            color: #666;
            display: inline-block;
            vertical-align: middle; }
            @media (max-width: 1024px) {
              .main.news .news_detail .detail_tit .msg .share span {
                font-size: 13px;
                line-height: 20px; } }
          .main.news .news_detail .detail_tit .msg .share .bdsharebuttonbox {
            display: inline-block;
            vertical-align: middle; }
            .main.news .news_detail .detail_tit .msg .share .bdsharebuttonbox a {
              width: 22px;
              height: 22px;
              display: inline-block;
              vertical-align: middle;
              float: none;
              padding: 0;
              margin: 0 5px; }
              .main.news .news_detail .detail_tit .msg .share .bdsharebuttonbox a.bds_qzone {
                background: url(../images/qzone.jpg) no-repeat center center; }
              .main.news .news_detail .detail_tit .msg .share .bdsharebuttonbox a.bds_weixin {
                background: url(../images/wx.jpg) no-repeat center center; }
              .main.news .news_detail .detail_tit .msg .share .bdsharebuttonbox a.bds_tsina {
                background: url(../images/sina.jpg) no-repeat center center; }
    .main.news .news_detail .detail_con {
      font-size: 14px;
      line-height: 28px;
      color: #666;
      padding: 30px 110px;
      border-bottom: 1px dashed #e6e6e6; }
      @media (max-width: 1024px) {
        .main.news .news_detail .detail_con {
          font-size: 14px;
          line-height: 24px;
          padding: 20px 0; } }
      .main.news .news_detail .detail_con img {
        max-width: 100%;
        height: auto !important; }
      .main.news .news_detail .detail_con p {
        text-indent: 2em; }
    .main.news .news_detail .detail_bot {
      margin-top: 48px;
      min-height: 44px;
      position: relative;
      padding-right: 160px; }
      @media (max-width: 1024px) {
        .main.news .news_detail .detail_bot {
          padding-right: 120px;
          margin-top: 30px; } }
      @media (max-width: 600px) {
        .main.news .news_detail .detail_bot {
          margin-top: 20px; } }
      .main.news .news_detail .detail_bot .detail_l {
        font-size: 14px;
        line-height: 28px;
        color: #666; }
        @media (max-width: 1024px) {
          .main.news .news_detail .detail_bot .detail_l {
            line-height: 24px; } }
        .main.news .news_detail .detail_bot .detail_l p a {
          color: #666; }
        @media (min-width: 1024px) {
          .main.news .news_detail .detail_bot .detail_l p:hover a {
            color: #e50012;
            text-decoration: underline; } }
      .main.news .news_detail .detail_bot .return {
        display: block;
        width: 144px;
        height: 44px;
        background: #e50012;
        border-radius: 44px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -22px; }
        @media (max-width: 1024px) {
          .main.news .news_detail .detail_bot .return {
            width: 110px;
            height: 36px;
            margin-top: -18px; } }
        .main.news .news_detail .detail_bot .return .ico {
          display: inline-block;
          vertical-align: middle; }
          @media (max-width: 1024px) {
            .main.news .news_detail .detail_bot .return .ico img {
              width: 20px;
              height: auto; } }
        .main.news .news_detail .detail_bot .return .txt {
          display: inline-block;
          vertical-align: middle;
          font-size: 16px;
          line-height: 44px;
          color: #fff; }
          @media (max-width: 1024px) {
            .main.news .news_detail .detail_bot .return .txt {
              font-size: 14px;
              line-height: 36px; } }
  .main.news .join_box {
    background: #f8f5f1; }
    .main.news .join_box .jm {
      padding-top: 50px;
      padding-bottom: 90px; }
      @media (max-width: 1024px) {
        .main.news .join_box .jm {
          padding-bottom: 70px;
          padding-top: 30px; } }
      @media (max-width: 600px) {
        .main.news .join_box .jm {
          padding-top: 25px;
          padding-bottom: 40px; } }
      .main.news .join_box .jm .group {
        width: 100%;
        height: auto; }
        .main.news .join_box .jm .group .input-group {
          width: 50%;
          float: left;
          margin-bottom: 8px; }
          .main.news .join_box .jm .group .input-group select {
            background: none; }
          .main.news .join_box .jm .group .input-group .code {
            width: 100%;
            position: relative; }
            .main.news .join_box .jm .group .input-group .code img {
              position: absolute;
              right: 5%;
              top: 0;
              bottom: 0;
              margin: auto;
              max-width: 100%;
              max-height: 90%; }
              @media (max-width: 1024px) {
                .main.news .join_box .jm .group .input-group .code img {
                  right: 10px; } }
          .main.news .join_box .jm .group .input-group.file {
            height: 60px; }
            .main.news .join_box .jm .group .input-group.file input {
              position: relative;
              top: 5px;
              font-size: 14px;
              color: #333; }
          .main.news .join_box .jm .group .input-group.resume {
            float: none;
            clear: both; }
            .main.news .join_box .jm .group .input-group.resume .text {
              width: 196%;
              resize: none;
              height: 150px;
              background: none;
              border: 1px solid #e7e7e7; }
          .main.news .join_box .jm .group .input-group label {
            font-size: 14px;
            line-height: 26px;
            display: block;
            color: #333;
            margin-bottom: 5px; }
            .main.news .join_box .jm .group .input-group label span {
              color: red;
              font-size: 14px;
              line-height: 26px; }
          .main.news .join_box .jm .group .input-group .text {
            width: 96%;
            height: 34px;
            line-height: 34px;
            border: 1px solid #e7e7e7;
            text-indent: 1em;
            color: #333;
            box-sizing: border-box; }
          .main.news .join_box .jm .group .input-group input.text {
            height: 34px;
            line-height: 34px;
            background: none;
            font-size: 14px; }
        @media (max-width: 1240px) {
          .main.news .join_box .jm .group .input-group.resume {
            float: none;
            clear: both; }
            .main.news .join_box .jm .group .input-group.resume .text {
              width: 192%;
              resize: none;
              height: 180px;
              background: none; }
          .main.news .join_box .jm .group .input-group label {
            font-size: 14px;
            line-height: 26px;
            display: block; }
          .main.news .join_box .jm .group .input-group .text {
            width: 92%;
            height: 34px;
            line-height: 34px;
            box-sizing: border-box; }
          .main.news .join_box .jm .group .input-group input.text {
            height: 34px;
            line-height: 34px;
            background: none;
            font-size: 14px; } }
        @media (max-width: 1024px) {
          .main.news .join_box .jm .group .input-group {
            width: 100%;
            margin-bottom: 10px;
            float: none; }
            .main.news .join_box .jm .group .input-group .text {
              width: 100%;
              height: 30px;
              line-height: 30px; }
            .main.news .join_box .jm .group .input-group.resume .text {
              width: 100%;
              resize: none;
              height: 100px; } }
      .main.news .join_box .jm .btn-box {
        margin-top: 20px;
        padding-bottom: 10px; }
        .main.news .join_box .jm .btn-box .btn {
          width: 152px;
          text-align: center;
          height: 40px;
          line-height: 40px;
          border-radius: 40px;
          font-size: 16px;
          color: #fff;
          border: 1px solid #e50012;
          background: #e50012;
          clear: both; }
        @media (max-width: 1240px) {
          .main.news .join_box .jm .btn-box {
            width: 90%; }
            .main.news .join_box .jm .btn-box .btn {
              width: 120px;
              height: 35px;
              line-height: 35px;
              font-size: 14px; } }
        @media (max-width: 1024px) {
          .main.news .join_box .jm .btn-box {
            width: 90%; }
            .main.news .join_box .jm .btn-box .btn {
              width: 100px;
              height: 30px;
              line-height: 30px;
              font-size: 14px; } }
    .main.news .join_box .join_box_cen {
      padding-top: 58px;
      padding-bottom: 105px; }
      @media (max-width: 1024px) {
        .main.news .join_box .join_box_cen {
          padding-top: 50px;
          padding-bottom: 75px; } }
      @media (max-width: 600px) {
        .main.news .join_box .join_box_cen {
          padding-top: 30px;
          padding-bottom: 35px; } }
      .main.news .join_box .join_box_cen .type {
        font-size: 0; }
        .main.news .join_box .join_box_cen .type a {
          margin-right: 12px;
          margin-top: 12px;
          width: 134px;
          background: #fff;
          height: 50px;
          border: 1px solid #efefef;
          border-radius: 25px;
          font-size: 16px;
          line-height: 50px;
          color: #454545;
          text-align: center;
          display: inline-block;
          position: relative;
          transition: opacity 0.4s,color 0.4s; }
          .main.news .join_box .join_box_cen .type a.active {
            background: #e50012;
            color: #fff; }
            .main.news .join_box .join_box_cen .type a.active::after {
              opacity: 1;
              filter: alpha(opacity=100);
              transform: translateY(0px); }
          @media (min-width: 1024px) {
            .main.news .join_box .join_box_cen .type a:hover {
              background: #e50012;
              color: #fff; }
              .main.news .join_box .join_box_cen .type a:hover::after {
                transform: translateY(0px);
                opacity: 1;
                filter: alpha(opacity=100); } }
          @media (max-width: 1024px) {
            .main.news .join_box .join_box_cen .type a {
              width: 120px;
              height: 40px;
              font-size: 15px;
              line-height: 40px;
              margin-right: 7px;
              margin-top: 7px; } }
          @media (max-width: 600px) {
            .main.news .join_box .join_box_cen .type a {
              width: 48%;
              display: block;
              float: left;
              margin-right: 0;
              margin-top: 4%;
              font-size: 14px;
              line-height: 40px; }
              .main.news .join_box .join_box_cen .type a:nth-child(even) {
                float: right; }
              .main.news .join_box .join_box_cen .type a:nth-child(1), .main.news .join_box .join_box_cen .type a:nth-child(2) {
                margin-top: 0; } }
          .main.news .join_box .join_box_cen .type a::after {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid #e50012;
            bottom: -7px;
            left: 50%;
            margin-left: -3px;
            transition: opacity 0.4s,transform 0.4s;
            opacity: 0;
            filter: alpha(opacity=0);
            transform: translateY(-7px); }
            @media (max-width: 1024px) {
              .main.news .join_box .join_box_cen .type a::after {
                display: none; } }
      @media (max-width: 500px) {
        .main.news .join_box .join_box_cen .join_list ul {
          margin-top: 10px; } }
      .main.news .join_box .join_box_cen .join_list ul li {
        width: 47.5%;
        border: 1px solid #efefef;
        background: #fff;
        float: left;
        display: inline-block;
        vertical-align: top;
        margin-top: 5%;
        padding: 30px 30px 30px 50px;
        box-sizing: border-box; }
        .main.news .join_box .join_box_cen .join_list ul li:nth-child(even) {
          float: right; }
        @media (max-width: 1024px) {
          .main.news .join_box .join_box_cen .join_list ul li {
            padding: 20px 20px 20px 40px; } }
        @media (max-width: 700px) {
          .main.news .join_box .join_box_cen .join_list ul li {
            padding: 20px;
            float: none !important;
            width: 100%; } }
        .main.news .join_box .join_box_cen .join_list ul li .job_name {
          font-size: 24px;
          line-height: 42px;
          color: #454545;
          padding-left: 40px;
          background: url(../images/job.png) no-repeat left center; }
          @media (max-width: 1024px) {
            .main.news .join_box .join_box_cen .join_list ul li .job_name {
              font-size: 20px;
              line-height: 36px; } }
        .main.news .join_box .join_box_cen .join_list ul li .content {
          margin-top: 5px; }
          .main.news .join_box .join_box_cen .join_list ul li .content .msg {
            height: 210px; }
            .main.news .join_box .join_box_cen .join_list ul li .content .msg .mCSB_scrollTools .mCSB_draggerRail {
              background: #e1e1e1; }
            @media (max-width: 1024px) {
              .main.news .join_box .join_box_cen .join_list ul li .content .msg {
                height: 180px; } }
            @media (max-width: 1024px) {
              .main.news .join_box .join_box_cen .join_list ul li .content .msg {
                height: auto; } }
            .main.news .join_box .join_box_cen .join_list ul li .content .msg .t {
              font-size: 16px;
              line-height: 26px;
              color: #666;
              margin-top: 12px; }
              @media (max-width: 1024px) {
                .main.news .join_box .join_box_cen .join_list ul li .content .msg .t {
                  font-size: 15px;
                  line-height: 25px;
                  margin-top: 8px; } }
            .main.news .join_box .join_box_cen .join_list ul li .content .msg .con {
              font-size: 14px;
              line-height: 24px;
              color: #999;
              margin-top: 7px; }
              @media (max-width: 1024px) {
                .main.news .join_box .join_box_cen .join_list ul li .content .msg .con {
                  font-size: 13px;
                  line-height: 22px;
                  margin-top: 4px; } }
          .main.news .join_box .join_box_cen .join_list ul li .content .job_bot {
            margin-top: 25px;
            margin-right: 20px;
            position: relative;
            border-top: 1px dashed #e1e1e1;
            position: relative;
            padding-top: 14px;
            padding-right: 140px; }
            @media (max-width: 1024px) {
              .main.news .join_box .join_box_cen .join_list ul li .content .job_bot {
                padding-right: 120px; } }
            @media (max-width: 750px) {
              .main.news .join_box .join_box_cen .join_list ul li .content .job_bot {
                padding-right: 0;
                margin-top: 15px; } }
            @media (max-width: 700px) {
              .main.news .join_box .join_box_cen .join_list ul li .content .job_bot {
                margin-right: 0;
                height: auto !important; } }
            .main.news .join_box .join_box_cen .join_list ul li .content .job_bot a {
              display: block;
              width: 130px;
              height: 40px;
              border-radius: 40px;
              font-size: 14px;
              line-height: 40px;
              color: #fff;
              background: #ff9313;
              text-align: center;
              position: absolute;
              right: 0;
              top: 13px;
              border-radius: 40px; }
              @media (max-width: 1024px) {
                .main.news .join_box .join_box_cen .join_list ul li .content .job_bot a {
                  width: 110px;
                  height: 36px;
                  font-size: 13px;
                  line-height: 36px; } }
              @media (max-width: 750px) {
                .main.news .join_box .join_box_cen .join_list ul li .content .job_bot a {
                  position: static;
                  margin-top: 10px; } }
            .main.news .join_box .join_box_cen .join_list ul li .content .job_bot .job_txt {
              font-size: 14px;
              line-height: 24px;
              color: #666; }
              @media (max-width: 1024px) {
                .main.news .join_box .join_box_cen .join_list ul li .content .job_bot .job_txt {
                  font-size: 13px;
                  line-height: 22px; } }
  .main.news .cooperation_box .mode {
    background: #f9f6f3; }
    .main.news .cooperation_box .mode .mode_cen {
      padding-top: 50px;
      padding-bottom: 90px; }
      @media (max-width: 1024px) {
        .main.news .cooperation_box .mode .mode_cen {
          padding-top: 40px;
          padding-bottom: 70px; } }
      @media (max-width: 768px) {
        .main.news .cooperation_box .mode .mode_cen {
          padding-top: 25px;
          padding-bottom: 30px; } }
      .main.news .cooperation_box .mode .mode_cen .t {
        font-size: 30px;
        line-height: 38px;
        color: #454545;
        text-align: center;
        padding-bottom: 46px; }
        @media (max-width: 1024px) {
          .main.news .cooperation_box .mode .mode_cen .t {
            font-size: 26px;
            line-height: 30px;
            padding-bottom: 36px; } }
        @media (max-width: 768px) {
          .main.news .cooperation_box .mode .mode_cen .t {
            padding-bottom: 20px;
            font-size: 20px;
            line-height: 30px; } }
      .main.news .cooperation_box .mode .mode_cen .mode_list ul li {
        overflow: hidden;
        background: #fff;
        margin-top: 25px;
        position: relative; }
        .main.news .cooperation_box .mode .mode_cen .mode_list ul li:first-child {
          margin-top: 0; }
        .main.news .cooperation_box .mode .mode_cen .mode_list ul li:nth-child(even) .pic {
          float: left; }
        .main.news .cooperation_box .mode .mode_cen .mode_list ul li:nth-child(even) .cont {
          right: 0;
          left: auto; }
        @media (min-width: 1024px) {
          .main.news .cooperation_box .mode .mode_cen .mode_list ul li:hover .pic img {
            transform: scale(1.05); } }
        @media (max-width: 850px) {
          .main.news .cooperation_box .mode .mode_cen .mode_list ul li {
            margin-top: 15px; } }
        .main.news .cooperation_box .mode .mode_cen .mode_list ul li .pic {
          width: 50%;
          float: right;
          overflow: hidden; }
          .main.news .cooperation_box .mode .mode_cen .mode_list ul li .pic img {
            transition: all 0.5s ease-in-out;
            width: 100%;
            height: auto; }
          @media (max-width: 850px) {
            .main.news .cooperation_box .mode .mode_cen .mode_list ul li .pic {
              width: 100%;
              float: none !important; } }
        .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont {
          position: absolute;
          left: 0;
          top: 0;
          width: 50%;
          height: 100%;
          padding-left: 5.4%;
          padding-right: 3.33%;
          box-sizing: border-box; }
          @media (max-width: 1024px) {
            .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont {
              padding-left: 3%;
              padding-right: 3%; } }
          @media (max-width: 850px) {
            .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont {
              width: 100%;
              position: static;
              padding: 25px; } }
          @media (max-width: 600px) {
            .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont {
              padding: 20px 15px; } }
          .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont .tab {
            width: 100%;
            height: 100%;
            display: table; }
            @media (max-width: 850px) {
              .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont .tab {
                display: block; } }
            .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont .tab .tab_cell {
              display: table-cell;
              vertical-align: middle; }
              @media (max-width: 850px) {
                .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont .tab .tab_cell {
                  display: block; } }
              .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont .tab .tab_cell .cont_top .tit {
                font-size: 24px;
                line-height: 38px;
                color: #e50012; }
                @media (max-width: 1024px) {
                  .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont .tab .tab_cell .cont_top .tit {
                    font-size: 20px;
                    line-height: 36px; } }
                @media (max-width: 768px) {
                  .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont .tab .tab_cell .cont_top .tit {
                    font-size: 18px;
                    line-height: 30px; } }
              .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont .tab .tab_cell .cont_top .ds {
                font-size: 16px;
                line-height: 30px;
                color: #666; }
                @media (max-width: 1024px) {
                  .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont .tab .tab_cell .cont_top .ds {
                    font-size: 14px;
                    line-height: 26px; } }
              .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont .tab .tab_cell .cont_top .line {
                width: 56px;
                height: 2px;
                background: #e50012;
                margin-top: 12px; }
                @media (max-width: 1024px) {
                  .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont .tab .tab_cell .cont_top .line {
                    width: 40px; } }
                @media (max-width: 850px) {
                  .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont .tab .tab_cell .cont_top .line {
                    width: 30px;
                    margin-top: 5px; } }
              .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont .tab .tab_cell .information {
                margin-top: 10%; }
                @media (max-width: 1024px) {
                  .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont .tab .tab_cell .information {
                    margin-top: 3%; } }
                .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont .tab .tab_cell .information .il {
                  width: 50%;
                  float: left;
                  font-size: 16px;
                  line-height: 28px;
                  color: #666; }
                  @media (max-width: 1200px) {
                    .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont .tab .tab_cell .information .il {
                      font-size: 14px;
                      line-height: 24px; } }
                  @media (max-width: 1024px) {
                    .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont .tab .tab_cell .information .il {
                      width: 100%;
                      float: none;
                      margin-top: 10px; } }
                  @media (max-width: 950px) {
                    .main.news .cooperation_box .mode .mode_cen .mode_list ul li .cont .tab .tab_cell .information .il {
                      font-size: 13px;
                      line-height: 20px; } }
  .main.news .cooperation_box .box {
    padding-bottom: 73px; }
    @media (max-width: 1024px) {
      .main.news .cooperation_box .box {
        padding-bottom: 50px; } }
    @media (max-width: 650px) {
      .main.news .cooperation_box .box {
        padding-bottom: 30px; } }
    .main.news .cooperation_box .box .t {
      font-size: 30px;
      line-height: 38px;
      color: #454545;
      text-align: center;
      margin: 60px 0; }
      @media (max-width: 1024px) {
        .main.news .cooperation_box .box .t {
          font-size: 26px;
          line-height: 30px;
          margin: 50px 0; } }
      @media (max-width: 768px) {
        .main.news .cooperation_box .box .t {
          font-size: 20px;
          line-height: 30px;
          margin-top: 30px;
          margin-bottom: 15px; } }
    .main.news .cooperation_box .box .list ul {
      font-size: 0; }
      .main.news .cooperation_box .box .list ul li {
        width: 25%;
        display: inline-block;
        vertical-align: top; }
        @media (max-width: 650px) {
          .main.news .cooperation_box .box .list ul li {
            width: 50%;
            margin: 10px 0; } }
        @media (min-width: 1024px) {
          .main.news .cooperation_box .box .list ul li:hover .icon .front {
            transform: rotateY(180deg);
            transform: rotateY(0deg) \0;
            opacity: 0\0;
            filter: alpha(opacity=0) \0; }
          .main.news .cooperation_box .box .list ul li:hover .icon .back {
            transform: rotateY(0deg);
            opacity: 1\0;
            filter: alpha(opacity=100) \0; } }
        .main.news .cooperation_box .box .list ul li .icon {
          width: 177px;
          height: 192px;
          position: relative;
          margin-left: auto;
          margin-right: auto; }
          @media (max-width: 1100px) {
            .main.news .cooperation_box .box .list ul li .icon {
              width: 157px;
              height: 170px; } }
          @media (max-width: 850px) {
            .main.news .cooperation_box .box .list ul li .icon {
              width: 120px;
              height: 130px; } }
          @media (max-width: 500px) {
            .main.news .cooperation_box .box .list ul li .icon {
              width: 100px;
              height: 108px; } }
          .main.news .cooperation_box .box .list ul li .icon .front {
            width: 100%;
            height: 100%;
            position: relative;
            background: url(../images/l11.png) no-repeat center center;
            transform-style: preserve-3d;
            transition: all 0.7s ease;
            backface-visibility: hidden;
            position: relative;
            z-index: 10;
            transform-style: flat\0;
            backface-visibility: visible\0;
            background-size: cover !important; }
            .main.news .cooperation_box .box .list ul li .icon .front img {
              position: absolute;
              left: 0;
              top: 0;
              right: 0;
              bottom: 15px;
              margin: auto;
              max-width: 50%;
              max-height: 50%; }
              @media (max-width: 850px) {
                .main.news .cooperation_box .box .list ul li .icon .front img {
                  bottom: 10px;
                  max-width: 30%;
                  max-height: 30%; } }
          .main.news .cooperation_box .box .list ul li .icon .back {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            transform-style: preserve-3d;
            backface-visibility: hidden;
            background: url(../images/l22.png) no-repeat center center;
            box-sizing: border-box;
            transition: all 0.7s ease;
            background-size: cover !important;
            transform: rotateY(180deg);
            transform-style: flat\0;
            backface-visibility: visible\0;
            opacity: 0\0;
            filter: alpha(opacity=0) \0;
            transform: rotateY(0deg) \0; }
            .main.news .cooperation_box .box .list ul li .icon .back img {
              position: absolute;
              left: 0;
              top: 0;
              right: 0;
              bottom: 15px;
              margin: auto;
              max-width: 50%;
              max-height: 50%; }
              @media (max-width: 850px) {
                .main.news .cooperation_box .box .list ul li .icon .back img {
                  bottom: 10px; } }
        .main.news .cooperation_box .box .list ul li .content {
          text-align: center;
          margin-top: 20px;
          padding: 0 36px; }
          @media (max-width: 1200px) {
            .main.news .cooperation_box .box .list ul li .content {
              padding: 0 26px; } }
          @media (max-width: 1024px) {
            .main.news .cooperation_box .box .list ul li .content {
              padding: 0 10px; } }
          @media (max-width: 850px) {
            .main.news .cooperation_box .box .list ul li .content {
              margin-top: 10px; } }
          .main.news .cooperation_box .box .list ul li .content .tit .cn {
            font-size: 24px;
            line-height: 28px;
            color: #454545; }
            @media (max-width: 1024px) {
              .main.news .cooperation_box .box .list ul li .content .tit .cn {
                font-size: 20px;
                line-height: 24px; } }
            @media (max-width: 650px) {
              .main.news .cooperation_box .box .list ul li .content .tit .cn {
                font-size: 18px;
                line-height: 24px; } }
          .main.news .cooperation_box .box .list ul li .content .tit .en {
            font-size: 18px;
            line-height: 20px;
            color: #ccc;
            font-family: Arial; }
            @media (max-width: 1024px) {
              .main.news .cooperation_box .box .list ul li .content .tit .en {
                font-size: 14px;
                line-height: 16px; } }
          .main.news .cooperation_box .box .list ul li .content .txt {
            font-size: 16px;
            line-height: 22px;
            color: #666;
            margin-top: 5px; }
            @media (max-width: 1024px) {
              .main.news .cooperation_box .box .list ul li .content .txt {
                font-size: 14px;
                line-height: 22px;
                margin-top: 3px; } }
  .main.service.service_detail {
    padding-top: 0; }
    @media (max-width: 1024px) {
      .main.service.service_detail {
        padding-top: 60px; } }
  .main.service .product_box {
    padding-top: 42px;
    padding-bottom: 80px; }
    @media (max-width: 1024px) {
      .main.service .product_box {
        padding-bottom: 70px; } }
    @media (max-width: 600px) {
      .main.service .product_box {
        padding-top: 30px;
        padding-bottom: 35px; } }
    .main.service .product_box .index_service_title {
      float: left;
      position: relative; }
      .main.service .product_box .index_service_title .e {
        float: left;
        font-size: 60px;
        line-height: 60px;
        color: #e50012;
        font-family: Arial;
        font-weight: bold; }
        @media (max-width: 1024px) {
          .main.service .product_box .index_service_title .e {
            font-size: 50px;
            line-height: 50px; } }
        @media (max-width: 768px) {
          .main.service .product_box .index_service_title .e {
            font-size: 44px;
            line-height: 40px; } }
        @media (max-width: 600px) {
          .main.service .product_box .index_service_title .e {
            position: absolute;
            left: 0;
            top: 0; } }
      .main.service .product_box .index_service_title .txt_box {
        float: left;
        margin-left: 6px; }
        @media (max-width: 768px) {
          .main.service .product_box .index_service_title .txt_box {
            margin-left: 3px; } }
        @media (max-width: 600px) {
          .main.service .product_box .index_service_title .txt_box {
            padding-left: 33px;
            margin-left: 0; } }
        .main.service .product_box .index_service_title .txt_box .cn {
          font-size: 26px;
          line-height: 32px;
          color: #454545; }
          @media (max-width: 1024px) {
            .main.service .product_box .index_service_title .txt_box .cn {
              font-size: 22px;
              line-height: 30px; } }
          @media (max-width: 768px) {
            .main.service .product_box .index_service_title .txt_box .cn {
              font-size: 18px;
              line-height: 20px; } }
        .main.service .product_box .index_service_title .txt_box .ds {
          font-size: 0; }
          .main.service .product_box .index_service_title .txt_box .ds .en {
            display: inline-block;
            vertical-align: middle;
            font-size: 18px;
            line-height: 24px;
            color: #e50012;
            font-family: Arial; }
            @media (max-width: 1024px) {
              .main.service .product_box .index_service_title .txt_box .ds .en {
                font-size: 16px;
                line-height: 20px; } }
            @media (max-width: 768px) {
              .main.service .product_box .index_service_title .txt_box .ds .en {
                font-size: 14px;
                line-height: 20px; } }
          .main.service .product_box .index_service_title .txt_box .ds .txt {
            margin-left: 7px;
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            line-height: 20px;
            color: #868686; }
            @media (max-width: 1024px) {
              .main.service .product_box .index_service_title .txt_box .ds .txt {
                font-size: 13px;
                line-height: 20px; } }
            @media (max-width: 600px) {
              .main.service .product_box .index_service_title .txt_box .ds .txt {
                font-size: 12px;
                line-height: 20px;
                margin-left: 2px; } }
    .main.service .product_box .product_list .page_box a {
      background: #f1f1f1;
      color: #666; }
      .main.service .product_box .product_list .page_box a.active {
        background: #e50012;
        color: #fff; }
      @media (min-width: 1024px) {
        .main.service .product_box .product_list .page_box a:hover {
          background: #e50012;
          color: #fff; } }
    .main.service .product_box .product_list ul {
      width: 110%; }
      @media (max-width: 800px) {
        .main.service .product_box .product_list ul {
          width: 100%; } }
      .main.service .product_box .product_list ul li {
        width: 21.2%;
        float: left;
        margin-right: 2.1%;
        margin-top: 2.1%;
        border: 1px solid #f1f1f1;
        box-sizing: border-box;
        border-radius: 5px;
        padding: 10px;
        padding-bottom: 0; }
        @media (min-width: 1024px) {
          .main.service .product_box .product_list ul li:hover {
            box-shadow: 0 0 21px rgba(0, 0, 0, 0.12);
            transform: translateY(-10px); }
            .main.service .product_box .product_list ul li:hover .cont .msg .booking {
              background: #e50012;
              color: #fff; } }
        @media (max-width: 1070px) {
          .main.service .product_box .product_list ul li {
            width: 22%;
            margin-right: 1%;
            margin-top: 1.5%; } }
        @media (max-width: 1024px) {
          .main.service .product_box .product_list ul li {
            width: 29%;
            margin-right: 1.7%; } }
        @media (max-width: 800px) {
          .main.service .product_box .product_list ul li {
            width: 48%;
            margin-right: 0;
            margin-top: 4%; }
            .main.service .product_box .product_list ul li:nth-child(even) {
              float: right; } }
        @media (max-width: 500px) {
          .main.service .product_box .product_list ul li {
            width: 100%;
            margin-top: 15px;
            float: none; }
            .main.service .product_box .product_list ul li:nth-child(even) {
              float: none; } }
        .main.service .product_box .product_list ul li .pic {
          overflow: hidden;
          display: block; }
          .main.service .product_box .product_list ul li .pic img {
            width: 100%;
            display: block; }
        .main.service .product_box .product_list ul li .cont {
          margin-top: 14px;
          padding: 0 5px; }
          .main.service .product_box .product_list ul li .cont .des {
            display: block;
            padding-bottom: 12px;
            border-bottom: 1px dashed #e0e0e0; }
            .main.service .product_box .product_list ul li .cont .des .tit {
              font-size: 18px;
              line-height: 26px;
              color: #454545; }
              @media (max-width: 1024px) {
                .main.service .product_box .product_list ul li .cont .des .tit {
                  font-size: 16px;
                  line-height: 24px; } }
            .main.service .product_box .product_list ul li .cont .des .txt {
              font-size: 12px;
              line-height: 20px;
              color: #999; }
          .main.service .product_box .product_list ul li .cont .msg {
            margin-top: 15px;
            padding-bottom: 13px;
            position: relative;
            padding-right: 95px; }
            .main.service .product_box .product_list ul li .cont .msg .ml .money {
              font-size: 20px;
              line-height: 28px;
              color: #ff9313;
              font-family: Arial; }
              @media (max-width: 1150px) {
                .main.service .product_box .product_list ul li .cont .msg .ml .money {
                  font-size: 18px;
                  line-height: 24px; } }
              @media (max-width: 1024px) {
                .main.service .product_box .product_list ul li .cont .msg .ml .money {
                  font-size: 15px;
                  line-height: 20px; } }
            .main.service .product_box .product_list ul li .cont .msg .ml .num {
              font-size: 14px;
              line-height: 26px;
              color: #999; }
              .main.service .product_box .product_list ul li .cont .msg .ml .num span {
                font-family: Arial;
                color: #666; }
              @media (max-width: 1150px) {
                .main.service .product_box .product_list ul li .cont .msg .ml .num {
                  font-size: 13px;
                  line-height: 20px; } }
              @media (max-width: 1024px) {
                .main.service .product_box .product_list ul li .cont .msg .ml .num {
                  font-size: 12px;
                  line-height: 18px; } }
            .main.service .product_box .product_list ul li .cont .msg .booking {
              width: 92px;
              height: 32px;
              background: #f1f1f1;
              border-radius: 32px;
              font-size: 14px;
              line-height: 32px;
              color: #454545;
              position: absolute;
              right: 0;
              cursor: pointer;
              top: 5px;
              text-align: center;
              transition: background 0.6s ease-out,color 0.6s ease-out; }
              @media (max-width: 1024px) {
                .main.service .product_box .product_list ul li .cont .msg .booking {
                  font-size: 13px; } }
  .main.service.pink .location {
    background: #dc7a9c; }
  .main.service.pink .pnav ul li a {
    background: url(../images/Hexagon3.png) no-repeat;
    background-size: cover; }
    @media (min-width: 1024px) {
      .main.service.pink .pnav ul li a:hover {
        background: url(../images/Hexagon4.png) no-repeat;
        background-size: cover; } }
  .main.service.pink .detail_box .detail_top .detail_r .order {
    background: #dc7a9c; }
  .main.service.pink .detail_box .detail_content .dl .snav a::after {
    background: url(../images/jx2.png) no-repeat bottom center;
    background-size: cover; }
  .main.service.pink .detail_box .detail_content .dl .content .item .ti {
    color: #dc7a9c;
    background: url(../images/xx2.png) no-repeat left center; }
  .main.service.pink .detail_box .detail_content .dr .dr_top {
    border-top-color: #dc7a9c; }
  .main.service .service_nav {
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden;
    height: 146px;
    position: relative; }
    @media (max-width: 1024px) {
      .main.service .service_nav {
        height: 100px; } }
    @media (max-width: 850px) {
      .main.service .service_nav {
        height: 80px; } }
    @media (max-width: 600px) {
      .main.service .service_nav {
        height: 54px; } }
    @media (max-width: 850px) {
      .main.service .service_nav .service_nav_cen {
        width: 100%; } }
    .main.service .service_nav .service_nav_cen ul li {
      width: 16.66%;
      float: left;
      height: 146px;
      position: relative; }
      @media (max-width: 1024px) {
        .main.service .service_nav .service_nav_cen ul li {
          height: 100px; } }
      @media (max-width: 850px) {
        .main.service .service_nav .service_nav_cen ul li {
          width: 130px !important;
          height: 80px; } }
      @media (max-width: 600px) {
        .main.service .service_nav .service_nav_cen ul li {
          width: 100px !important;
          height: 54px; } }
      .main.service .service_nav .service_nav_cen ul li::before {
        content: '';
        position: absolute;
        height: 4px;
        bottom: -1px;
        background: #e50012;
        width: 100%;
        transform-origin: right center;
        transform: scaleX(0);
        transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1); }
        @media (max-width: 1024px) {
          .main.service .service_nav .service_nav_cen ul li::before {
            height: 3px;
            left: 10px;
            right: 10px;
            width: auto; } }
      .main.service .service_nav .service_nav_cen ul li::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 60px;
        background: #efefef;
        right: 0;
        top: 50%;
        margin-top: -30px;
        z-index: 10; }
        @media (max-width: 850px) {
          .main.service .service_nav .service_nav_cen ul li::after {
            display: none; } }
      .main.service .service_nav .service_nav_cen ul li:last-child::after {
        display: none; }
      .main.service .service_nav .service_nav_cen ul li.active::before {
        transform-origin: left center;
        transform: scaleX(1); }
      @media (min-width: 1024px) {
        .main.service .service_nav .service_nav_cen ul li:hover::before {
          transform-origin: left center;
          transform: scaleX(1); } }
      .main.service .service_nav .service_nav_cen ul li a {
        width: 100%;
        height: 100%;
        padding: 37px 10px 0 10px;
        box-sizing: border-box;
        display: block;
        position: relative;
        z-index: 10; }
        @media (max-width: 1024px) {
          .main.service .service_nav .service_nav_cen ul li a {
            padding-top: 17px; } }
        @media (max-width: 850px) {
          .main.service .service_nav .service_nav_cen ul li a {
            padding-top: 15px; } }
        @media (max-width: 650px) {
          .main.service .service_nav .service_nav_cen ul li a {
            padding-top: 7px; } }
        .main.service .service_nav .service_nav_cen ul li a .icon {
          width: 36px;
          height: 36px;
          margin: 0 auto;
          position: relative; }
          @media (max-width: 850px) {
            .main.service .service_nav .service_nav_cen ul li a .icon {
              width: 30px;
              height: 30px; } }
          @media (max-width: 650px) {
            .main.service .service_nav .service_nav_cen ul li a .icon {
              width: 20px;
              height: 20px; } }
          .main.service .service_nav .service_nav_cen ul li a .icon img {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            transition: all 0.38s cubic-bezier(0.4, 0, 0.2, 1);
            bottom: 0;
            max-width: 100%;
            max-height: 100%; }
            .main.service .service_nav .service_nav_cen ul li a .icon img.active {
              opacity: 0;
              filter: alpha(opacity=0); }
        .main.service .service_nav .service_nav_cen ul li a .txt {
          font-size: 18px;
          line-height: 36px;
          color: #3c3c3c;
          text-align: center;
          transition: color 0.38s cubic-bezier(0.4, 0, 0.2, 1); }
          @media (max-width: 1024px) {
            .main.service .service_nav .service_nav_cen ul li a .txt {
              font-size: 16px;
              line-height: 30px; } }
          @media (max-width: 850px) {
            .main.service .service_nav .service_nav_cen ul li a .txt {
              font-size: 16px;
              line-height: 24px;
              margin-top: 5px; } }
          @media (max-width: 650px) {
            .main.service .service_nav .service_nav_cen ul li a .txt {
              font-size: 14px;
              line-height: 20px;
              margin-top: 3px; } }
  .main.service .service_box {
    padding-bottom: 100px;
    background: #fbfbfb; }
    @media (max-width: 1024px) {
      .main.service .service_box {
        padding-bottom: 65px; } }
    @media (max-width: 600px) {
      .main.service .service_box {
        padding-bottom: 35px; } }
    .main.service .service_box .service_cen .pic {
      overflow: hidden; }
      @media (max-width: 600px) {
        .main.service .service_box .service_cen .pic {
          width: 100%; } }
      .main.service .service_box .service_cen .pic img {
        width: 100%;
        height: auto; }
    .main.service .service_box .service_cen .service_list {
      padding-top: 32px; }
      @media (max-width: 768px) {
        .main.service .service_box .service_cen .service_list {
          padding-top: 25px; } }
      .main.service .service_box .service_cen .service_list ul .li {
        position: relative;
        padding-left: 23.33%;
        background: #fff; }
        @media (max-width: 850px) {
          .main.service .service_box .service_cen .service_list ul .li {
            padding-left: 0; } }
        @media (min-width: 1024px) {
          .main.service .service_box .service_cen .service_list ul .li:hover .bg {
            transform-origin: top center;
            transform: scaleY(1); }
          .main.service .service_box .service_cen .service_list ul .li:hover .icon_box ul li a .txt {
            color: #fff; } }
        .main.service .service_box .service_cen .service_list ul .li .bg {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: #e50012;
          transform: scaleY(0);
          transform-origin: bottom center;
          transition: transform 0.58s cubic-bezier(0.4, 0, 0.2, 1); }
        .main.service .service_box .service_cen .service_list ul .li .ser_l {
          position: absolute;
          left: 0;
          top: 0;
          width: 23.33%;
          height: 100%;
          border: 1px solid #e8e8e8;
          z-index: 10;
          box-sizing: border-box; }
          @media (max-width: 850px) {
            .main.service .service_box .service_cen .service_list ul .li .ser_l {
              position: static;
              width: 100%; } }
          .main.service .service_box .service_cen .service_list ul .li .ser_l .img_box {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 56px;
            right: 0; }
            @media (max-width: 1024px) {
              .main.service .service_box .service_cen .service_list ul .li .ser_l .img_box {
                bottom: 50px; } }
            @media (max-width: 850px) {
              .main.service .service_box .service_cen .service_list ul .li .ser_l .img_box {
                display: none; } }
            .main.service .service_box .service_cen .service_list ul .li .ser_l .img_box img {
              position: absolute;
              left: 0;
              top: 0;
              bottom: 0;
              right: 0;
              margin: auto;
              max-width: 90%;
              max-height: 90%;
              border-radius: 3px; }
          .main.service .service_box .service_cen .service_list ul .li .ser_l .tit {
            width: 100%;
            font-size: 30px;
            line-height: 56px;
            color: #fff;
            text-align: center;
            font-weight: bold;
            position: absolute;
            bottom: 0;
            left: 0; }
            @media (max-width: 1024px) {
              .main.service .service_box .service_cen .service_list ul .li .ser_l .tit {
                font-size: 26px;
                line-height: 50px; } }
            @media (max-width: 850px) {
              .main.service .service_box .service_cen .service_list ul .li .ser_l .tit {
                position: static; } }
            @media (max-width: 768px) {
              .main.service .service_box .service_cen .service_list ul .li .ser_l .tit {
                font-size: 20px;
                line-height: 40px; } }
        .main.service .service_box .service_cen .service_list ul .li .icon_box {
          border: 1px solid #eee;
          border-left: none;
          margin-top: -1px;
          position: relative;
          z-index: 10;
          padding: 33px 15px 45px 15px; }
          @media (max-width: 1024px) {
            .main.service .service_box .service_cen .service_list ul .li .icon_box {
              padding: 23px 10px 35px 10px; } }
          @media (max-width: 850px) {
            .main.service .service_box .service_cen .service_list ul .li .icon_box {
              padding: 5px 10px 15px 10px;
              border-left: 1px solid #eee; } }
          .main.service .service_box .service_cen .service_list ul .li .icon_box ul {
            font-size: 0; }
            .main.service .service_box .service_cen .service_list ul .li .icon_box ul li {
              width: 16.66%;
              display: inline-block;
              margin-top: 15px;
              vertical-align: top; }
              @media (max-width: 980px) {
                .main.service .service_box .service_cen .service_list ul .li .icon_box ul li {
                  width: 20%; } }
              @media (max-width: 650px) {
                .main.service .service_box .service_cen .service_list ul .li .icon_box ul li {
                  width: 33.33%; } }
              .main.service .service_box .service_cen .service_list ul .li .icon_box ul li a .ico {
                width: 60px;
                height: 60px;
                margin: 0 auto;
                border: 1px solid #eaeaea;
                position: relative;
                border-radius: 50%;
                background: #fff; }
                @media (max-width: 1024px) {
                  .main.service .service_box .service_cen .service_list ul .li .icon_box ul li a .ico {
                    width: 50px;
                    height: 50px; } }
                @media (max-width: 650px) {
                  .main.service .service_box .service_cen .service_list ul .li .icon_box ul li a .ico {
                    width: 40px;
                    height: 40px; } }
                .main.service .service_box .service_cen .service_list ul .li .icon_box ul li a .ico img {
                  position: absolute;
                  left: 0;
                  top: 0;
                  right: 0;
                  bottom: 0;
                  max-width: 70%;
                  max-height: 70%;
                  margin: auto; }
                  @media (max-width: 650px) {
                    .main.service .service_box .service_cen .service_list ul .li .icon_box ul li a .ico img {
                      max-width: 50%;
                      max-height: 50%; } }
              .main.service .service_box .service_cen .service_list ul .li .icon_box ul li a .txt {
                font-size: 14px;
                line-height: 24px;
                color: #666;
                margin-top: 5px;
                transition: color 0.58s cubic-bezier(0.4, 0, 0.2, 1);
                text-align: center; }
                @media (max-width: 650px) {
                  .main.service .service_box .service_cen .service_list ul .li .icon_box ul li a .txt {
                    font-size: 13px;
                    line-height: 20px; } }
  .main.service .location {
    background: #e50012;
    padding: 16px 0; }
    @media (max-width: 1024px) {
      .main.service .location {
        display: none; } }
    .main.service .location .location_cen {
      background: url(../images/location.png) no-repeat left center;
      font-size: 14px;
      line-height: 24px;
      color: #fff;
      padding-left: 32px;
      box-sizing: border-box; }
      .main.service .location .location_cen a {
        color: #fff; }
  .main.service .detail_box {
    padding-bottom: 93px; }
    @media (max-width: 1024px) {
      .main.service .detail_box {
        padding-bottom: 65px; } }
    @media (max-width: 600px) {
      .main.service .detail_box {
        padding-bottom: 35px; } }
    .main.service .detail_box .detail_top {
      border: 1px solid #e9e9e9;
      border-radius: 5px;
      padding: 5px;
      margin-top: 50px; }
      @media (max-width: 768px) {
        .main.service .detail_box .detail_top {
          margin-top: 30px; } }
      .main.service .detail_box .detail_top .detail_l {
        float: left;
        width: 42.26%;
        cursor: pointer;
        position: relative; }
        @media (max-width: 700px) {
          .main.service .detail_box .detail_top .detail_l {
            width: 100%;
            float: none; } }
        .main.service .detail_box .detail_top .detail_l #video_box {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: 10; }
        .main.service .detail_box .detail_top .detail_l .pic {
          position: relative;
          overflow: hidden;
          border-radius: 5px; }
          @media (min-width: 1024px) {
            .main.service .detail_box .detail_top .detail_l .pic:hover img {
              transform: scale(1.05); } }
          .main.service .detail_box .detail_top .detail_l .pic .play {
            position: absolute;
            width: 86px;
            height: 86px;
            background: url(../images/play.png) no-repeat center center;
            left: 50%;
            margin-left: -43px;
            top: 50%;
            margin-top: -43px;
            z-index: 10; }
            @media (max-width: 768px) {
              .main.service .detail_box .detail_top .detail_l .pic .play {
                width: 50px;
                height: 50px;
                background-size: cover;
                margin-left: -25px;
                margin-top: -25px; } }
          .main.service .detail_box .detail_top .detail_l .pic img {
            border-radius: 5px;
            width: 100%;
            height: auto;
            transition: all 0.5s ease-in-out; }
      .main.service .detail_box .detail_top .detail_r {
        float: right;
        margin-right: 3.6%;
        width: 48.9%;
        padding-top: 25px; }
        @media (max-width: 1240px) {
          .main.service .detail_box .detail_top .detail_r {
            padding-top: 10px; } }
        @media (max-width: 700px) {
          .main.service .detail_box .detail_top .detail_r {
            width: 100%;
            float: none;
            margin-right: 0;
            padding: 15px;
            box-sizing: border-box; } }
        .main.service .detail_box .detail_top .detail_r .tit {
          position: relative;
          padding-right: 150px;
          border-bottom: 1px dashed #ccc;
          padding-bottom: 18px; }
          @media (max-width: 500px) {
            .main.service .detail_box .detail_top .detail_r .tit {
              padding-right: 0;
              padding-bottom: 10px; } }
          .main.service .detail_box .detail_top .detail_r .tit .ti {
            font-size: 30px;
            line-height: 30px;
            color: #454545;
            background: url(../images/i2.jpg) no-repeat left center;
            padding-left: 18px;
            background-size: auto 100%; }
            @media (max-width: 1024px) {
              .main.service .detail_box .detail_top .detail_r .tit .ti {
                font-size: 26px;
                line-height: 26px; } }
            @media (max-width: 700px) {
              .main.service .detail_box .detail_top .detail_r .tit .ti {
                font-size: 20px;
                line-height: 20px; } }
          .main.service .detail_box .detail_top .detail_r .tit .num {
            font-size: 16px;
            line-height: 24px;
            color: #999;
            padding-left: 25px;
            position: absolute;
            right: 0;
            top: 3px;
            background: url(../images/x2.png) no-repeat left center; }
            .main.service .detail_box .detail_top .detail_r .tit .num span {
              color: #dc7a9c; }
            @media (max-width: 1024px) {
              .main.service .detail_box .detail_top .detail_r .tit .num {
                font-size: 16px;
                line-height: 20px; } }
            @media (max-width: 500px) {
              .main.service .detail_box .detail_top .detail_r .tit .num {
                position: static;
                margin-top: 7px; } }
        .main.service .detail_box .detail_top .detail_r .t {
          font-size: 30px;
          line-height: 30px;
          color: #454545;
          background: url(../images/i.png) no-repeat left center;
          padding-left: 18px;
          background-size: auto 100%; }
          @media (max-width: 1024px) {
            .main.service .detail_box .detail_top .detail_r .t {
              font-size: 26px;
              line-height: 26px; } }
          @media (max-width: 700px) {
            .main.service .detail_box .detail_top .detail_r .t {
              font-size: 20px;
              line-height: 20px; } }
        .main.service .detail_box .detail_top .detail_r .msg {
          position: relative;
          border-bottom: 1px dashed #ccc;
          padding-bottom: 18px;
          margin-top: 7px;
          padding-right: 150px; }
          @media (max-width: 500px) {
            .main.service .detail_box .detail_top .detail_r .msg {
              padding-right: 0;
              padding-bottom: 10px; } }
          .main.service .detail_box .detail_top .detail_r .msg .txt {
            font-size: 18px;
            line-height: 24px;
            color: #e50012; }
            @media (max-width: 1024px) {
              .main.service .detail_box .detail_top .detail_r .msg .txt {
                font-size: 16px;
                line-height: 20px; } }
          .main.service .detail_box .detail_top .detail_r .msg .num {
            font-size: 16px;
            line-height: 24px;
            color: #999;
            padding-left: 25px;
            position: absolute;
            right: 0;
            top: 0;
            background: url(../images/x.png) no-repeat left center; }
            .main.service .detail_box .detail_top .detail_r .msg .num span {
              color: #ff9313; }
            @media (max-width: 1024px) {
              .main.service .detail_box .detail_top .detail_r .msg .num {
                font-size: 16px;
                line-height: 20px; } }
            @media (max-width: 500px) {
              .main.service .detail_box .detail_top .detail_r .msg .num {
                position: static;
                margin-top: 7px; } }
        .main.service .detail_box .detail_top .detail_r .cont {
          margin-top: 13px; }
          .main.service .detail_box .detail_top .detail_r .cont .cont_t {
            font-size: 18px;
            line-height: 36px;
            color: #333; }
            @media (max-width: 1024px) {
              .main.service .detail_box .detail_top .detail_r .cont .cont_t {
                font-size: 16px;
                line-height: 30px; } }
          .main.service .detail_box .detail_top .detail_r .cont .con {
            font-size: 14px;
            line-height: 24px;
            color: #666;
            min-height: 120px; }
            @media (max-width: 1240px) {
              .main.service .detail_box .detail_top .detail_r .cont .con {
                min-height: 96px; } }
            @media (max-width: 1024px) {
              .main.service .detail_box .detail_top .detail_r .cont .con {
                min-height: inherit; } }
        .main.service .detail_box .detail_top .detail_r .order {
          width: 176px;
          margin-top: 24px;
          height: 56px;
          border-radius: 56px;
          background: #ff9313;
          text-align: center;
          font-size: 0;
          cursor: pointer; }
          .main.service .detail_box .detail_top .detail_r .order img {
            margin: 0 3px;
            display: inline-block;
            vertical-align: middle; }
          .main.service .detail_box .detail_top .detail_r .order span {
            margin: 0 3px;
            font-size: 18px;
            line-height: 56px;
            color: #fff;
            display: inline-block;
            vertical-align: middle; }
          @media (max-width: 1024px) {
            .main.service .detail_box .detail_top .detail_r .order {
              width: 130px;
              height: 40px;
              margin-top: 15px;
              border-radius: 40px; }
              .main.service .detail_box .detail_top .detail_r .order span {
                font-size: 16px;
                line-height: 40px; } }
          @media (max-width: 600px) {
            .main.service .detail_box .detail_top .detail_r .order {
              width: 110px;
              height: 36px;
              border-radius: 36px; }
              .main.service .detail_box .detail_top .detail_r .order span {
                font-size: 14px;
                line-height: 36px; } }
    .main.service .detail_box .detail_content {
      margin-top: 55px; }
      @media (max-width: 1024px) {
        .main.service .detail_box .detail_content {
          margin-top: 35px; } }
      @media (max-width: 600px) {
        .main.service .detail_box .detail_content {
          margin-top: 20px; } }
      .main.service .detail_box .detail_content.fix .dr {
        position: fixed;
        right: 0;
        top: 0;
        z-index: 100; }
      .main.service .detail_box .detail_content.fix .dl {
        padding-top: 60px; }
        @media (max-width: 1024px) {
          .main.service .detail_box .detail_content.fix .dl {
            padding-top: 50px; } }
        @media (max-width: 600px) {
          .main.service .detail_box .detail_content.fix .dl {
            padding-top: 40px; } }
        .main.service .detail_box .detail_content.fix .dl .snav {
          position: fixed;
          left: 0;
          top: 3px;
          z-index: 100; }
      .main.service .detail_box .detail_content .dr {
        width: 29.66%;
        float: right;
        background: #fff; }
        @media (max-width: 1024px) {
          .main.service .detail_box .detail_content .dr {
            width: 100%;
            float: none;
            margin-top: 15px; } }
        .main.service .detail_box .detail_content .dr .dr_bot {
          margin-top: 20px; }
          .main.service .detail_box .detail_content .dr .dr_bot a {
            display: block; }
            .main.service .detail_box .detail_content .dr .dr_bot a img {
              width: 100%;
              height: auto; }
        .main.service .detail_box .detail_content .dr .dr_top {
          border: 1px solid #e9e9e9;
          border-top-width: 5px;
          border-top-color: #e50012; }
          .main.service .detail_box .detail_content .dr .dr_top .code {
            padding: 32px 10px;
            border-bottom: 1px solid #e9e9e9; }
            @media (max-width: 1024px) {
              .main.service .detail_box .detail_content .dr .dr_top .code {
                padding: 20px 10px; } }
            .main.service .detail_box .detail_content .dr .dr_top .code .qr {
              width: 150px;
              height: 150px;
              border: 1px solid #e9e9e9;
              box-sizing: border-box;
              border-radius: 5px;
              margin-left: auto;
              margin-right: auto;
              position: relative; }
              .main.service .detail_box .detail_content .dr .dr_top .code .qr img {
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                max-width: 90%;
                max-height: 90%;
                margin: auto; }
            .main.service .detail_box .detail_content .dr .dr_top .code .txt {
              font-size: 14px;
              line-height: 20px;
              color: #666;
              margin-top: 15px;
              text-align: center; }
          .main.service .detail_box .detail_content .dr .dr_top .consultation_box {
            padding-top: 35px;
            padding-bottom: 25px; }
            @media (max-width: 600px) {
              .main.service .detail_box .detail_content .dr .dr_top .consultation_box {
                padding-top: 20px;
                padding-bottom: 15px; } }
            .main.service .detail_box .detail_content .dr .dr_top .consultation_box .consultation .ds {
              display: block;
              font-size: 14px;
              line-height: 30px;
              color: #666;
              margin-top: 15px;
              text-align: center; }
            .main.service .detail_box .detail_content .dr .dr_top .consultation_box .consultation a {
              display: block;
              width: 154px;
              height: 48px;
              margin-top: 8px;
              display: block;
              margin-left: auto;
              margin-right: auto;
              background: url(../images/bg.png) no-repeat;
              background-size: cover;
              position: relative;
              font-size: 0;
              text-align: center; }
              @media (max-width: 600px) {
                .main.service .detail_box .detail_content .dr .dr_top .consultation_box .consultation a {
                  width: 120px;
                  height: 37px;
                  background-size: cover; } }
              .main.service .detail_box .detail_content .dr .dr_top .consultation_box .consultation a img {
                margin: 0 5px;
                display: inline-block;
                vertical-align: middle; }
                @media (max-width: 600px) {
                  .main.service .detail_box .detail_content .dr .dr_top .consultation_box .consultation a img {
                    height: 20px;
                    width: auto; } }
              .main.service .detail_box .detail_content .dr .dr_top .consultation_box .consultation a .txt {
                font-size: 14px;
                line-height: 46px;
                color: #666;
                display: inline-block;
                vertical-align: middle;
                margin: 0 5px; }
                @media (max-width: 600px) {
                  .main.service .detail_box .detail_content .dr .dr_top .consultation_box .consultation a .txt {
                    font-size: 13px;
                    line-height: 36px; } }
      .main.service .detail_box .detail_content .dl {
        width: 68%;
        float: left;
        box-sizing: border-box;
        border: 1px solid #e9e9e9;
        border-top: none;
        border-bottom: none; }
        @media (max-width: 1024px) {
          .main.service .detail_box .detail_content .dl {
            width: 100%;
            float: none; } }
        .main.service .detail_box .detail_content .dl .snav {
          padding: 0 42px;
          box-sizing: border-box;
          height: 60px;
          font-size: 0;
          border-top: 1px solid #e9e9e9;
          border-bottom: 1px solid #e9e9e9;
          background: #fafafa;
          width: 100%;
          box-sizing: border-box; }
          @media (max-width: 1024px) {
            .main.service .detail_box .detail_content .dl .snav {
              padding: 0 40px;
              height: 50px; } }
          @media (max-width: 600px) {
            .main.service .detail_box .detail_content .dl .snav {
              padding: 0 15px;
              height: auto; } }
          .main.service .detail_box .detail_content .dl .snav a {
            display: inline-block;
            width: 166px;
            text-align: center;
            font-size: 18px;
            line-height: 60px;
            color: #454545;
            position: relative;
            transition: color 0.5s cubic-bezier(0, 0.83, 0.58, 1.03);
            margin-right: 20px; }
            .main.service .detail_box .detail_content .dl .snav a:last-child {
              margin-right: 0; }
            @media (min-width: 1024px) {
              .main.service .detail_box .detail_content .dl .snav a:hover {
                color: #fff; }
                .main.service .detail_box .detail_content .dl .snav a:hover::after {
                  opacity: 1;
                  filter: alpha(opacity=100); } }
            @media (max-width: 1024px) {
              .main.service .detail_box .detail_content .dl .snav a {
                font-size: 16px;
                line-height: 50px;
                margin-right: 10px;
                width: 140px; } }
            @media (max-width: 600px) {
              .main.service .detail_box .detail_content .dl .snav a {
                font-size: 14px;
                line-height: 40px;
                margin-right: 0px;
                padding: 0 15px;
                width: auto; } }
            @media (max-width: 400px) {
              .main.service .detail_box .detail_content .dl .snav a {
                padding: 0 10px; } }
            .main.service .detail_box .detail_content .dl .snav a.active {
              color: #fff; }
              .main.service .detail_box .detail_content .dl .snav a.active::after {
                opacity: 1;
                filter: alpha(opacity=100); }
            .main.service .detail_box .detail_content .dl .snav a::after {
              content: '';
              position: absolute;
              width: 100%;
              height: 65px;
              background: url(../images/jx.png) no-repeat bottom center;
              bottom: 2px;
              left: 0;
              opacity: 0;
              filter: alpha(opacity=0);
              transition: all 0.5s cubic-bezier(0, 0.83, 0.58, 1.03); }
              @media (max-width: 1024px) {
                .main.service .detail_box .detail_content .dl .snav a::after {
                  height: 55px;
                  background-size: cover; } }
              @media (max-width: 600px) {
                .main.service .detail_box .detail_content .dl .snav a::after {
                  background: #e50012;
                  height: 100%;
                  bottom: 0; } }
            .main.service .detail_box .detail_content .dl .snav a span {
              position: relative;
              width: 100%;
              height: 100%;
              display: block;
              z-index: 10; }
        .main.service .detail_box .detail_content .dl .content .item {
          border-bottom: 1px solid #e9e9e9;
          padding: 20px 55px 30px 42px; }
          @media (max-width: 1024px) {
            .main.service .detail_box .detail_content .dl .content .item {
              padding: 20px 40px 30px 40px; } }
          @media (max-width: 600px) {
            .main.service .detail_box .detail_content .dl .content .item {
              padding: 20px 15px 20px 15px; } }
          .main.service .detail_box .detail_content .dl .content .item .ti {
            background: url(../images/w.png) no-repeat left center;
            font-size: 20px;
            line-height: 30px;
            color: #e50012;
            padding-left: 28px; }
            @media (max-width: 1024px) {
              .main.service .detail_box .detail_content .dl .content .item .ti {
                font-size: 18px;
                line-height: 26px; } }
          .main.service .detail_box .detail_content .dl .content .item .list_cont {
            padding-bottom: 30px;
            margin-top: 15px; }
            @media (max-width: 600px) {
              .main.service .detail_box .detail_content .dl .content .item .list_cont {
                margin-top: 10px;
                padding-bottom: 20px; } }
            .main.service .detail_box .detail_content .dl .content .item .list_cont ul li {
              font-size: 16px;
              line-height: 26px;
              color: #666;
              border-bottom: 1px dashed #d2d2d2;
              padding: 10px 0 10px 22px;
              background: url(../images/xx.png) no-repeat left 18px; }
              @media (max-width: 1024px) {
                .main.service .detail_box .detail_content .dl .content .item .list_cont ul li {
                  font-size: 14px;
                  line-height: 24px;
                  background-position: left 16px; } }
          .main.service .detail_box .detail_content .dl .content .item .range {
            margin-top: 35px;
            padding-bottom: 18px; }
            @media (max-width: 600px) {
              .main.service .detail_box .detail_content .dl .content .item .range {
                margin-top: 15px;
                padding-bottom: 0; } }
            .main.service .detail_box .detail_content .dl .content .item .range ul {
              text-align: center;
              font-size: 0; }
              .main.service .detail_box .detail_content .dl .content .item .range ul li {
                display: inline-block;
                vertical-align: top;
                width: 105px;
                margin: 0 35px; }
                @media (max-width: 900px) {
                  .main.service .detail_box .detail_content .dl .content .item .range ul li {
                    margin: 0 25px; } }
                @media (max-width: 800px) {
                  .main.service .detail_box .detail_content .dl .content .item .range ul li {
                    margin: 0 10px; } }
                @media (max-width: 700px) {
                  .main.service .detail_box .detail_content .dl .content .item .range ul li {
                    width: 90px; } }
                @media (max-width: 600px) {
                  .main.service .detail_box .detail_content .dl .content .item .range ul li {
                    width: 50%;
                    margin: 5px 0;
                    padding: 0 5px;
                    box-sizing: border-box; } }
                .main.service .detail_box .detail_content .dl .content .item .range ul li .icon {
                  width: 103px;
                  height: 102px;
                  overflow: hidden;
                  margin-left: auto;
                  margin-right: auto; }
                  .main.service .detail_box .detail_content .dl .content .item .range ul li .icon img {
                    width: 100%;
                    height: auto; }
                  @media (max-width: 700px) {
                    .main.service .detail_box .detail_content .dl .content .item .range ul li .icon {
                      width: 70px;
                      height: 69px; } }
                .main.service .detail_box .detail_content .dl .content .item .range ul li .txt {
                  font-size: 16px;
                  line-height: 24px;
                  color: #454545;
                  text-align: center;
                  margin-top: 14px; }
                  @media (max-width: 1024px) {
                    .main.service .detail_box .detail_content .dl .content .item .range ul li .txt {
                      font-size: 14px;
                      line-height: 24px;
                      margin-top: 6px; } }
          .main.service .detail_box .detail_content .dl .content .item .intro_box ul li {
            position: relative;
            border: 2px dashed #cfcfcf;
            border-radius: 10px;
            margin-top: 56px;
            padding: 30px 40px 10px 40px;
            box-sizing: border-box; }
            @media (max-width: 600px) {
              .main.service .detail_box .detail_content .dl .content .item .intro_box ul li {
                padding: 30px 15px 10px 15px; } }
            .main.service .detail_box .detail_content .dl .content .item .intro_box ul li .tit {
              font-size: 20px;
              line-height: 36px;
              color: #fff;
              font-weight: bold;
              height: 69px;
              width: 232px;
              text-align: center;
              background: url(../images/t.png) no-repeat center center;
              background-size: cover;
              margin-left: auto;
              margin-right: auto;
              position: absolute;
              left: 50%;
              margin-left: -116px;
              top: -37px; }
              @media (max-width: 1024px) {
                .main.service .detail_box .detail_content .dl .content .item .intro_box ul li .tit {
                  font-size: 18px; } }
              @media (max-width: 600px) {
                .main.service .detail_box .detail_content .dl .content .item .intro_box ul li .tit {
                  width: 168px;
                  height: 50px;
                  background-size: cover;
                  margin-left: -84px;
                  line-height: 28px;
                  top: -27px;
                  font-size: 16px; } }
            .main.service .detail_box .detail_content .dl .content .item .intro_box ul li .item_box .item_list {
              border-bottom: 1px dashed #d2d2d2;
              position: relative;
              min-height: 58px;
              padding-left: 170px;
              padding-bottom: 10px;
              margin-top: 10px; }
              .main.service .detail_box .detail_content .dl .content .item .intro_box ul li .item_box .item_list:last-child {
                border: none; }
              @media (max-width: 600px) {
                .main.service .detail_box .detail_content .dl .content .item .intro_box ul li .item_box .item_list {
                  padding-left: 0;
                  min-height: inherit; } }
              .main.service .detail_box .detail_content .dl .content .item .intro_box ul li .item_box .item_list .icon {
                font-size: 0;
                position: absolute;
                left: 0;
                top: 0; }
                @media (max-width: 600px) {
                  .main.service .detail_box .detail_content .dl .content .item .intro_box ul li .item_box .item_list .icon {
                    position: static; } }
                .main.service .detail_box .detail_content .dl .content .item .intro_box ul li .item_box .item_list .icon .icon_img {
                  width: 58px;
                  height: 58px;
                  display: inline-block;
                  vertical-align: middle;
                  overflow: hidden; }
                  .main.service .detail_box .detail_content .dl .content .item .intro_box ul li .item_box .item_list .icon .icon_img img {
                    width: 100%;
                    height: auto; }
                  @media (max-width: 600px) {
                    .main.service .detail_box .detail_content .dl .content .item .intro_box ul li .item_box .item_list .icon .icon_img {
                      width: 36px;
                      height: 36px; } }
                .main.service .detail_box .detail_content .dl .content .item .intro_box ul li .item_box .item_list .icon .txt {
                  margin-left: 15px;
                  display: inline-block;
                  font-size: 16px;
                  line-height: 28px;
                  vertical-align: middle; }
                  @media (max-width: 1024px) {
                    .main.service .detail_box .detail_content .dl .content .item .intro_box ul li .item_box .item_list .icon .txt {
                      font-size: 14px;
                      line-height: 24px; } }
                  @media (max-width: 600px) {
                    .main.service .detail_box .detail_content .dl .content .item .intro_box ul li .item_box .item_list .icon .txt {
                      margin-left: 5px; } }
              .main.service .detail_box .detail_content .dl .content .item .intro_box ul li .item_box .item_list .price {
                font-size: 16px;
                line-height: 28px;
                color: #454545;
                padding-top: 16px; }
                @media (max-width: 1024px) {
                  .main.service .detail_box .detail_content .dl .content .item .intro_box ul li .item_box .item_list .price {
                    padding-top: 10px;
                    font-size: 14px;
                    line-height: 24px; } }
                @media (max-width: 600px) {
                  .main.service .detail_box .detail_content .dl .content .item .intro_box ul li .item_box .item_list .price {
                    padding-top: 10px; } }
          .main.service .detail_box .detail_content .dl .content .item .con {
            font-size: 16px;
            line-height: 28px;
            color: #666;
            margin-top: 10px; }
            .main.service .detail_box .detail_content .dl .content .item .con p {
              padding-bottom: 18px; }
              .main.service .detail_box .detail_content .dl .content .item .con p:last-child {
                padding-bottom: 0; }
            @media (max-width: 1024px) {
              .main.service .detail_box .detail_content .dl .content .item .con {
                font-size: 14px;
                line-height: 24px; }
                .main.service .detail_box .detail_content .dl .content .item .con p {
                  padding-bottom: 10px; }
                  .main.service .detail_box .detail_content .dl .content .item .con p:last-child {
                    padding-bottom: 0; } }
          .main.service .detail_box .detail_content .dl .content .item .card_list {
            margin-top: 40px;
            margin-bottom: 12px; }
            @media (max-width: 1024px) {
              .main.service .detail_box .detail_content .dl .content .item .card_list {
                margin-top: 30px; } }
            @media (max-width: 600px) {
              .main.service .detail_box .detail_content .dl .content .item .card_list {
                margin-top: 12px; } }
            .main.service .detail_box .detail_content .dl .content .item .card_list ul {
              font-size: 0;
              text-align: center; }
              .main.service .detail_box .detail_content .dl .content .item .card_list ul li {
                display: inline-block;
                vertical-align: top;
                margin: 0 70px; }
                @media (max-width: 1200px) {
                  .main.service .detail_box .detail_content .dl .content .item .card_list ul li {
                    margin: 0 50px; } }
                @media (max-width: 700px) {
                  .main.service .detail_box .detail_content .dl .content .item .card_list ul li {
                    margin: 0 30px; } }
                @media (max-width: 600px) {
                  .main.service .detail_box .detail_content .dl .content .item .card_list ul li {
                    margin: 0 20px; } }
                @media (max-width: 420px) {
                  .main.service .detail_box .detail_content .dl .content .item .card_list ul li {
                    margin: 0 14px; } }
                .main.service .detail_box .detail_content .dl .content .item .card_list ul li .ico {
                  margin: 0 auto;
                  width: 73px;
                  height: 73px; }
                  .main.service .detail_box .detail_content .dl .content .item .card_list ul li .ico img {
                    width: 100%;
                    height: auto; }
                  @media (max-width: 600px) {
                    .main.service .detail_box .detail_content .dl .content .item .card_list ul li .ico {
                      width: 50px;
                      height: 50px; } }
                .main.service .detail_box .detail_content .dl .content .item .card_list ul li .txt {
                  font-size: 18px;
                  line-height: 24px;
                  color: #777;
                  text-align: center;
                  margin-top: 8px; }
                  @media (max-width: 1024px) {
                    .main.service .detail_box .detail_content .dl .content .item .card_list ul li .txt {
                      font-size: 16px;
                      line-height: 24px; } }
                  @media (max-width: 600px) {
                    .main.service .detail_box .detail_content .dl .content .item .card_list ul li .txt {
                      font-size: 15px;
                      line-height: 22px; } }
          .main.service .detail_box .detail_content .dl .content .item .box {
            width: 88.84%; }
            @media (max-width: 600px) {
              .main.service .detail_box .detail_content .dl .content .item .box {
                width: 100%; } }
            .main.service .detail_box .detail_content .dl .content .item .box ul li {
              float: left;
              border-radius: 6px;
              width: 47.88%;
              margin-top: 3.5%; }
              .main.service .detail_box .detail_content .dl .content .item .box ul li:nth-child(even) {
                float: right; }
              .main.service .detail_box .detail_content .dl .content .item .box ul li img {
                width: 100%;
                height: auto;
                border-radius: 6px; }
          .main.service .detail_box .detail_content .dl .content .item .standard {
            margin-top: 30px; }
            .main.service .detail_box .detail_content .dl .content .item .standard .stand_tit {
              font-size: 24px;
              line-height: 28px;
              color: #e50012;
              text-align: center;
              margin-bottom: 5px;
              background: url(../images/line_bg.png) no-repeat center center; }
              @media (max-width: 1024px) {
                .main.service .detail_box .detail_content .dl .content .item .standard .stand_tit {
                  font-size: 20px;
                  line-height: 26px; } }
              @media (max-width: 600px) {
                .main.service .detail_box .detail_content .dl .content .item .standard .stand_tit {
                  background: none;
                  font-size: 17px;
                  line-height: 20px; } }
            .main.service .detail_box .detail_content .dl .content .item .standard .list {
              margin-top: 28px; }
              @media (max-width: 1024px) {
                .main.service .detail_box .detail_content .dl .content .item .standard .list {
                  margin-top: 20px; } }
              .main.service .detail_box .detail_content .dl .content .item .standard .list ul {
                width: 110%; }
                @media (max-width: 600px) {
                  .main.service .detail_box .detail_content .dl .content .item .standard .list ul {
                    width: 100%; } }
                .main.service .detail_box .detail_content .dl .content .item .standard .list ul li {
                  width: 19.03%;
                  float: left;
                  margin-right: 5%; }
                  @media (max-width: 600px) {
                    .main.service .detail_box .detail_content .dl .content .item .standard .list ul li {
                      width: 48%;
                      margin-right: 0;
                      margin-top: 4%; }
                      .main.service .detail_box .detail_content .dl .content .item .standard .list ul li:nth-child(even) {
                        float: right; } }
                  .main.service .detail_box .detail_content .dl .content .item .standard .list ul li .ico {
                    width: 100%;
                    border: 1px solid #ededed;
                    border-radius: 50%;
                    position: relative; }
                    @media (max-width: 600px) {
                      .main.service .detail_box .detail_content .dl .content .item .standard .list ul li .ico {
                        width: 60%;
                        margin-left: auto;
                        margin-right: auto; } }
                    .main.service .detail_box .detail_content .dl .content .item .standard .list ul li .ico img {
                      position: absolute;
                      left: 0;
                      top: 0;
                      right: 0;
                      bottom: 0;
                      max-width: 60%;
                      max-height: 60%;
                      margin: auto; }
                  .main.service .detail_box .detail_content .dl .content .item .standard .list ul li .txt {
                    font-size: 15px;
                    line-height: 24px;
                    color: #666;
                    text-align: center;
                    margin-top: 15px; }
                    @media (max-width: 1024px) {
                      .main.service .detail_box .detail_content .dl .content .item .standard .list ul li .txt {
                        font-size: 14px;
                        line-height: 24px; } }
                    @media (max-width: 600px) {
                      .main.service .detail_box .detail_content .dl .content .item .standard .list ul li .txt {
                        margin-top: 5px; } }
          .main.service .detail_box .detail_content .dl .content .item .table {
            margin-top: 20px;
            overflow: auto; }
            @media (max-width: 600px) {
              .main.service .detail_box .detail_content .dl .content .item .table {
                margin-top: 13px; } }
            .main.service .detail_box .detail_content .dl .content .item .table.table2 table tr.first td {
              text-align: left; }
            .main.service .detail_box .detail_content .dl .content .item .table.table2 table tr td {
              text-align: left;
              padding: 12px 30px; }
              @media (max-width: 1024px) {
                .main.service .detail_box .detail_content .dl .content .item .table.table2 table tr td {
                  padding: 12px 20px; } }
              .main.service .detail_box .detail_content .dl .content .item .table.table2 table tr td span {
                display: inline-block;
                color: #ff9313; }
            .main.service .detail_box .detail_content .dl .content .item .table table {
              width: 100%; }
              @media (max-width: 600px) {
                .main.service .detail_box .detail_content .dl .content .item .table table {
                  width: 800px; } }
              .main.service .detail_box .detail_content .dl .content .item .table table tr.first {
                background: #fffbf6; }
                .main.service .detail_box .detail_content .dl .content .item .table table tr.first td {
                  font-size: 16px;
                  line-height: 30px;
                  color: #555;
                  font-weight: bold;
                  text-align: center; }
                  @media (max-width: 1024px) {
                    .main.service .detail_box .detail_content .dl .content .item .table table tr.first td {
                      font-size: 14px;
                      line-height: 28px; } }
              .main.service .detail_box .detail_content .dl .content .item .table table tr.last td {
                color: #fff; }
                .main.service .detail_box .detail_content .dl .content .item .table table tr.last td .money {
                  color: #fff; }
              .main.service .detail_box .detail_content .dl .content .item .table table tr td {
                padding: 12px 10px;
                border: 1px solid #ffdbb2;
                font-size: 14px;
                line-height: 18px;
                color: #2b2c30;
                text-align: center;
                position: relative; }
                .main.service .detail_box .detail_content .dl .content .item .table table tr td span {
                  color: #a5a3a3;
                  display: block; }
                .main.service .detail_box .detail_content .dl .content .item .table table tr td .money {
                  font-size: 20px;
                  line-height: 30px;
                  color: #454545;
                  font-family: Arial; }
                  .main.service .detail_box .detail_content .dl .content .item .table table tr td .money.line {
                    text-decoration: line-through; }
                  @media (max-width: 1024px) {
                    .main.service .detail_box .detail_content .dl .content .item .table table tr td .money {
                      font-size: 18px;
                      line-height: 24px; } }
                .main.service .detail_box .detail_content .dl .content .item .table table tr td i {
                  width: 38px;
                  display: block;
                  height: 38px;
                  background: url(../images/z.png) no-repeat;
                  background-size: cover;
                  position: absolute;
                  left: 0;
                  top: 0; }
          .main.service .detail_box .detail_content .dl .content .item .pic_box {
            margin-top: 28px; }
            @media (max-width: 1024px) {
              .main.service .detail_box .detail_content .dl .content .item .pic_box {
                margin-top: 20px; } }
            @media (max-width: 600px) {
              .main.service .detail_box .detail_content .dl .content .item .pic_box {
                margin-top: 0; } }
            .main.service .detail_box .detail_content .dl .content .item .pic_box ul {
              width: 110%; }
              @media (max-width: 600px) {
                .main.service .detail_box .detail_content .dl .content .item .pic_box ul {
                  width: 100%; } }
              .main.service .detail_box .detail_content .dl .content .item .pic_box ul li {
                width: 19.03%;
                float: left;
                margin-right: 5%; }
                @media (max-width: 600px) {
                  .main.service .detail_box .detail_content .dl .content .item .pic_box ul li {
                    width: 45%;
                    margin-right: 0; }
                    .main.service .detail_box .detail_content .dl .content .item .pic_box ul li:nth-child(even) {
                      float: right; } }
                .main.service .detail_box .detail_content .dl .content .item .pic_box ul li .pic {
                  border-radius: 50%;
                  overflow: hidden; }
                  .main.service .detail_box .detail_content .dl .content .item .pic_box ul li .pic img {
                    border-radius: 50%;
                    width: 100%;
                    height: auto; }
                .main.service .detail_box .detail_content .dl .content .item .pic_box ul li .txt {
                  font-size: 20px;
                  line-height: 36px;
                  color: #666;
                  text-align: center;
                  margin-top: 10px; }
                  @media (max-width: 1024px) {
                    .main.service .detail_box .detail_content .dl .content .item .pic_box ul li .txt {
                      font-size: 18px;
                      line-height: 28px; } }
                  @media (max-width: 600px) {
                    .main.service .detail_box .detail_content .dl .content .item .pic_box ul li .txt {
                      font-size: 16px;
                      line-height: 20px; } }
          .main.service .detail_box .detail_content .dl .content .item .img_box {
            margin-top: 28px; }
            @media (max-width: 600px) {
              .main.service .detail_box .detail_content .dl .content .item .img_box {
                margin-top: 13px; } }
            .main.service .detail_box .detail_content .dl .content .item .img_box ul {
              width: 110%; }
              .main.service .detail_box .detail_content .dl .content .item .img_box ul li {
                float: left;
                width: 27.91%;
                border-radius: 3px;
                margin-right: 3.3%; }
                .main.service .detail_box .detail_content .dl .content .item .img_box ul li img {
                  width: 100%;
                  display: block;
                  border-radius: 3px; }
          .main.service .detail_box .detail_content .dl .content .item .pic {
            text-align: center;
            margin-top: 25px; }
            .main.service .detail_box .detail_content .dl .content .item .pic img {
              max-width: 100%;
              height: auto !important; }
  .main.welcome .flexslider {
    overflow: hidden; }
    .main.welcome .flexslider img {
      width: 100%;
      height: auto; }
      @media (max-width: 1920px) and (min-width: 1903px) {
        .main.welcome .flexslider img {
          width: 1920px; } }
      @media (max-width: 1300px) {
        .main.welcome .flexslider img {
          width: 130%;
          margin-left: -15%; } }
      @media (max-width: 500px) {
        .main.welcome .flexslider img {
          width: 190%;
          margin-left: -45%; } }
    .main.welcome .flexslider .flex-control-nav {
      line-height: 0;
      bottom: 75px; }
      @media (max-width: 600px) {
        .main.welcome .flexslider .flex-control-nav {
          bottom: 25px; } }
      .main.welcome .flexslider .flex-control-nav li a {
        width: 8px;
        height: 8px;
        background: #fff;
        border-radius: 8px;
        transition: all 0.3s; }
        .main.welcome .flexslider .flex-control-nav li a.flex-active {
          width: 24px; }
  .main.welcome .index_service_title {
    float: left;
    position: relative; }
    .main.welcome .index_service_title .e {
      float: left;
      font-size: 60px;
      line-height: 60px;
      color: #e50012;
      font-family: Arial;
      font-weight: bold; }
      @media (max-width: 1024px) {
        .main.welcome .index_service_title .e {
          font-size: 50px;
          line-height: 50px; } }
      @media (max-width: 768px) {
        .main.welcome .index_service_title .e {
          font-size: 44px;
          line-height: 40px; } }
      @media (max-width: 600px) {
        .main.welcome .index_service_title .e {
          position: absolute;
          left: 0;
          top: 0; } }
    .main.welcome .index_service_title .txt_box {
      float: left;
      margin-left: 6px; }
      @media (max-width: 768px) {
        .main.welcome .index_service_title .txt_box {
          margin-left: 3px; } }
      @media (max-width: 600px) {
        .main.welcome .index_service_title .txt_box {
          padding-left: 33px;
          margin-left: 0; } }
      .main.welcome .index_service_title .txt_box .cn {
        font-size: 26px;
        line-height: 32px;
        color: #454545; }
        @media (max-width: 1024px) {
          .main.welcome .index_service_title .txt_box .cn {
            font-size: 22px;
            line-height: 30px; } }
        @media (max-width: 768px) {
          .main.welcome .index_service_title .txt_box .cn {
            font-size: 18px;
            line-height: 20px; } }
      .main.welcome .index_service_title .txt_box .ds {
        font-size: 0; }
        .main.welcome .index_service_title .txt_box .ds .en {
          display: inline-block;
          vertical-align: middle;
          font-size: 18px;
          line-height: 24px;
          color: #e50012;
          font-family: Arial; }
          @media (max-width: 1024px) {
            .main.welcome .index_service_title .txt_box .ds .en {
              font-size: 16px;
              line-height: 20px; } }
          @media (max-width: 768px) {
            .main.welcome .index_service_title .txt_box .ds .en {
              font-size: 14px;
              line-height: 20px; } }
        .main.welcome .index_service_title .txt_box .ds .txt {
          margin-left: 7px;
          display: inline-block;
          vertical-align: middle;
          font-size: 14px;
          line-height: 20px;
          color: #868686; }
          @media (max-width: 1024px) {
            .main.welcome .index_service_title .txt_box .ds .txt {
              font-size: 13px;
              line-height: 20px; } }
          @media (max-width: 600px) {
            .main.welcome .index_service_title .txt_box .ds .txt {
              font-size: 12px;
              line-height: 20px;
              margin-left: 2px; } }
  .main.welcome .read_more {
    border-radius: 21px;
    display: block;
    float: right;
    background: #fff;
    width: 132px;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    text-align: center;
    font-size: 0;
    margin-top: 15px; }
    .main.welcome .read_more .ico {
      display: inline-block;
      vertical-align: middle;
      margin: 0 5px; }
      @media (max-width: 768px) {
        .main.welcome .read_more .ico {
          margin: 0 2px; }
          .main.welcome .read_more .ico img {
            height: 10px; } }
    .main.welcome .read_more .txt {
      margin: 0 5px;
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      line-height: 42px;
      color: #454545; }
      @media (max-width: 768px) {
        .main.welcome .read_more .txt {
          font-size: 13px;
          line-height: 34px;
          margin: 0 2px; } }
    @media (max-width: 1024px) {
      .main.welcome .read_more {
        margin-top: 10px;
        width: 120px; } }
    @media (max-width: 768px) {
      .main.welcome .read_more {
        margin-top: 10px;
        width: 100px; } }
  .main.welcome .box .intro {
    margin-top: -54px;
    position: relative;
    z-index: 10;
    height: 160px; }
    @media (min-width: 1024px) {
      .main.welcome .box .intro ul.active-1 li {
        width: 16.5%; }
        .main.welcome .box .intro ul.active-1 li .cont {
          transform: translateY(10px); }
          .main.welcome .box .intro ul.active-1 li .cont .num {
            font-size: 32px;
            line-height: 32px; }
        .main.welcome .box .intro ul.active-1 li:nth-child(1) {
          width: 34%; }
          .main.welcome .box .intro ul.active-1 li:nth-child(1) .pic {
            opacity: 1;
            filter: alpha(opacity=100); }
          .main.welcome .box .intro ul.active-1 li:nth-child(1) .cont {
            transform: translate(8px, 0); }
            .main.welcome .box .intro ul.active-1 li:nth-child(1) .cont .num {
              font-size: 48px;
              line-height: 48px; }
      .main.welcome .box .intro ul.active-2 li {
        width: 16.5%; }
        .main.welcome .box .intro ul.active-2 li .cont {
          transform: translateY(10px); }
          .main.welcome .box .intro ul.active-2 li .cont .num {
            font-size: 32px;
            line-height: 32px; }
        .main.welcome .box .intro ul.active-2 li:nth-child(2) {
          width: 34%; }
          .main.welcome .box .intro ul.active-2 li:nth-child(2) .pic {
            opacity: 1;
            filter: alpha(opacity=100); }
          .main.welcome .box .intro ul.active-2 li:nth-child(2) .cont {
            transform: translate(8px, 0); }
            .main.welcome .box .intro ul.active-2 li:nth-child(2) .cont .num {
              font-size: 48px;
              line-height: 48px; }
      .main.welcome .box .intro ul.active-3 li {
        width: 16.5%; }
        .main.welcome .box .intro ul.active-3 li .cont {
          transform: translateY(10px); }
          .main.welcome .box .intro ul.active-3 li .cont .num {
            font-size: 32px;
            line-height: 32px; }
        .main.welcome .box .intro ul.active-3 li:nth-child(3) {
          width: 34%; }
          .main.welcome .box .intro ul.active-3 li:nth-child(3) .pic {
            opacity: 1;
            filter: alpha(opacity=100); }
          .main.welcome .box .intro ul.active-3 li:nth-child(3) .cont {
            transform: translate(8px, 0); }
            .main.welcome .box .intro ul.active-3 li:nth-child(3) .cont .num {
              font-size: 48px;
              line-height: 48px; }
      .main.welcome .box .intro ul.active-4 li {
        width: 16.5%; }
        .main.welcome .box .intro ul.active-4 li .cont {
          transform: translateY(10px); }
          .main.welcome .box .intro ul.active-4 li .cont .num {
            font-size: 32px;
            line-height: 32px; }
        .main.welcome .box .intro ul.active-4 li:nth-child(4) {
          width: 34%; }
          .main.welcome .box .intro ul.active-4 li:nth-child(4) .pic {
            opacity: 1;
            filter: alpha(opacity=100); }
          .main.welcome .box .intro ul.active-4 li:nth-child(4) .cont {
            transform: translate(8px, 0); }
            .main.welcome .box .intro ul.active-4 li:nth-child(4) .cont .num {
              font-size: 48px;
              line-height: 48px; }
      .main.welcome .box .intro ul.active-5 li {
        width: 16.5%; }
        .main.welcome .box .intro ul.active-5 li .cont {
          transform: translateY(10px); }
          .main.welcome .box .intro ul.active-5 li .cont .num {
            font-size: 32px;
            line-height: 32px; }
        .main.welcome .box .intro ul.active-5 li:nth-child(5) {
          width: 34%; }
          .main.welcome .box .intro ul.active-5 li:nth-child(5) .pic {
            opacity: 1;
            filter: alpha(opacity=100); }
          .main.welcome .box .intro ul.active-5 li:nth-child(5) .cont {
            transform: translate(8px, 0); }
            .main.welcome .box .intro ul.active-5 li:nth-child(5) .cont .num {
              font-size: 48px;
              line-height: 48px; }
      .main.welcome .box .intro ul.active-6 li {
        width: 16.5%; }
        .main.welcome .box .intro ul.active-6 li .cont {
          transform: translateY(10px); }
          .main.welcome .box .intro ul.active-6 li .cont .num {
            font-size: 32px;
            line-height: 32px; }
        .main.welcome .box .intro ul.active-6 li:nth-child(6) {
          width: 34%; }
          .main.welcome .box .intro ul.active-6 li:nth-child(6) .pic {
            opacity: 1;
            filter: alpha(opacity=100); }
          .main.welcome .box .intro ul.active-6 li:nth-child(6) .cont {
            transform: translate(8px, 0); }
            .main.welcome .box .intro ul.active-6 li:nth-child(6) .cont .num {
              font-size: 48px;
              line-height: 48px; } }
    @media (max-width: 600px) {
      .main.welcome .box .intro {
        margin-top: -15px; } }
    .main.welcome .box .intro ul {
      overflow: hidden;
      height: 160px; }
      @media (max-width: 1100px) {
        .main.welcome .box .intro ul {
          height: 140px; } }
      @media (max-width: 700px) {
        .main.welcome .box .intro ul {
          height: 120px; } }
      @media (max-width: 600px) {
        .main.welcome .box .intro ul {
          height: auto; } }
      .main.welcome .box .intro ul li {
        width: 20%;
        float: left;
        background-color: #e50012;
        box-shadow: 0 0 21px rgba(0, 0, 0, 0.12);
        height: 100%;
        position: relative;
        box-sizing: border-box;
        transition: width 300ms; }
        @media (max-width: 900px) {
          .main.welcome .box .intro ul li {
            width: 25%; }
            .main.welcome .box .intro ul li:last-child {
              display: none; } }
        @media (max-width: 600px) {
          .main.welcome .box .intro ul li {
            width: 50%;
            height: 100px; } }
        @media (max-width: 450px) {
          .main.welcome .box .intro ul li {
            height: 80px; } }
        .main.welcome .box .intro ul li .pic {
          position: absolute;
          width: 408px;
          height: 100%;
          left: 0;
          top: 0;
          opacity: 0;
          filter: alpha(opacity=0); }
        .main.welcome .box .intro ul li .cont {
          height: 100%;
          box-sizing: border-box;
          position: relative;
          transition: transform 0.3s;
          padding: 44px 20px 0 20px; }
          @media (max-width: 1100px) {
            .main.welcome .box .intro ul li .cont {
              padding: 34px 20px 0 20px; } }
          @media (max-width: 700px) {
            .main.welcome .box .intro ul li .cont {
              padding: 25px 15px 0 15px; } }
          @media (max-width: 450px) {
            .main.welcome .box .intro ul li .cont {
              padding: 15px 10px 0 10px; } }
          .main.welcome .box .intro ul li .cont .img {
            position: absolute;
            width: 100%;
            top: 43%;
            left: 0; }
            .main.welcome .box .intro ul li .cont .img img {
              width: 100%;
              height: auto; }
          .main.welcome .box .intro ul li .cont .num {
            font-size: 48px;
            line-height: 48px;
            color: #fff;
            transition: all 0.3s;
            font-family: "HELVETICACDBLK"; }
            .main.welcome .box .intro ul li .cont .num span {
              font-size: 30px;
              line-height: 30px;
              display: inline-block;
              margin-left: 5px;
              vertical-align: bottom;
              font-family: "HELVETICACDBLK"; }
            @media (max-width: 1100px) {
              .main.welcome .box .intro ul li .cont .num {
                font-size: 40px;
                line-height: 40px; }
                .main.welcome .box .intro ul li .cont .num span {
                  font-size: 20px;
                  line-height: 20px;
                  margin-left: 2px; } }
            @media (max-width: 900px) {
              .main.welcome .box .intro ul li .cont .num {
                font-size: 36px;
                line-height: 36px;
                margin-bottom: 5px; } }
            @media (max-width: 700px) {
              .main.welcome .box .intro ul li .cont .num {
                font-size: 30px;
                line-height: 30px;
                margin-bottom: 5px; } }
            @media (max-width: 450px) {
              .main.welcome .box .intro ul li .cont .num {
                font-size: 20px;
                line-height: 20px;
                margin-bottom: 5px; }
                .main.welcome .box .intro ul li .cont .num span {
                  font-size: 14px;
                  line-height: 14px; } }
          .main.welcome .box .intro ul li .cont .icon {
            text-align: center; }
            .main.welcome .box .intro ul li .cont .icon img {
              height: 34px;
              margin-bottom: 14px; }
          .main.welcome .box .intro ul li .cont .txt {
            font-size: 14px;
            line-height: 24px;
            color: #fff; }
            @media (max-width: 1100px) {
              .main.welcome .box .intro ul li .cont .txt {
                font-size: 13px;
                line-height: 20px; } }
            @media (max-width: 450px) {
              .main.welcome .box .intro ul li .cont .txt {
                font-size: 12px;
                line-height: 18px; } }
  .main.welcome .box .index_service {
    padding-top: 55px;
    padding-bottom: 73px; }
    @media (max-width: 1024px) {
      .main.welcome .box .index_service {
        padding-top: 35px;
        padding-bottom: 55px; } }
    @media (max-width: 700px) {
      .main.welcome .box .index_service {
        padding-top: 0; } }
    @media (max-width: 600px) {
      .main.welcome .box .index_service {
        padding-top: 75px;
        padding-bottom: 30px; } }
    @media (max-width: 450px) {
      .main.welcome .box .index_service {
        padding-top: 20px; } }
    .main.welcome .box .index_service .service_list ul {
      width: 110%; }
      @media (max-width: 850px) {
        .main.welcome .box .index_service .service_list ul {
          width: 100%; } }
      .main.welcome .box .index_service .service_list ul li {
        float: left;
        width: 28.78%;
        margin-right: 2.34%;
        border-radius: 5px;
        padding-bottom: 34px;
        background-color: #fff;
        box-shadow: 0 0 16px rgba(0, 0, 0, 0.09);
        margin-top: 7.9%; }
        @media (min-width: 1024px) {
          .main.welcome .box .index_service .service_list ul li:hover .pic_box img {
            transform: scale(1.05); } }
        @media (max-width: 850px) {
          .main.welcome .box .index_service .service_list ul li {
            width: 48%;
            margin-right: 0;
            margin-top: 80px; }
            .main.welcome .box .index_service .service_list ul li:nth-child(even) {
              float: right; } }
        @media (max-width: 550px) {
          .main.welcome .box .index_service .service_list ul li {
            width: 100%;
            margin-right: 0;
            margin-top: 60px;
            padding-bottom: 20px; } }
        .main.welcome .box .index_service .service_list ul li .pic_box {
          width: 140px;
          height: 140px;
          border-radius: 50%;
          overflow: hidden;
          padding: 4px;
          display: block;
          box-sizing: border-box;
          background-color: #fff;
          margin-left: auto;
          margin-right: auto;
          margin-top: -70px;
          box-shadow: 0 0 16px rgba(0, 0, 0, 0.09); }
          @media (max-width: 1024px) {
            .main.welcome .box .index_service .service_list ul li .pic_box {
              width: 120px;
              height: 120px;
              margin-top: -60px; } }
          @media (max-width: 550px) {
            .main.welcome .box .index_service .service_list ul li .pic_box {
              width: 90px;
              height: 90px;
              margin-top: -45px; } }
          .main.welcome .box .index_service .service_list ul li .pic_box .pic {
            overflow: hidden;
            width: 100%;
            height: 100%;
            border-radius: 50%; }
            .main.welcome .box .index_service .service_list ul li .pic_box .pic img {
              width: 100%;
              height: auto;
              transition: all 0.5s ease-in-out; }
        @media (max-width: 550px) {
          .main.welcome .box .index_service .service_list ul li .cont {
            height: auto !important; } }
        .main.welcome .box .index_service .service_list ul li .cont .title {
          margin-top: 10px;
          text-align: center;
          display: block;
          padding: 0 10px; }
          .main.welcome .box .index_service .service_list ul li .cont .title .cn {
            font-size: 20px;
            line-height: 26px;
            color: #454545; }
            @media (max-width: 1024px) {
              .main.welcome .box .index_service .service_list ul li .cont .title .cn {
                font-size: 18px;
                line-height: 24px; } }
          .main.welcome .box .index_service .service_list ul li .cont .title .en {
            font-size: 14px;
            line-height: 18px;
            color: #ccc;
            font-family: Arial; }
            @media (max-width: 1024px) {
              .main.welcome .box .index_service .service_list ul li .cont .title .en {
                font-size: 13px; } }
        .main.welcome .box .index_service .service_list ul li .cont .cont_box {
          display: block;
          padding: 0 45px;
          font-size: 14px;
          line-height: 24px;
          color: #666;
          margin-top: 25px; }
          @media (max-width: 1024px) {
            .main.welcome .box .index_service .service_list ul li .cont .cont_box {
              padding: 0 25px; } }
          .main.welcome .box .index_service .service_list ul li .cont .cont_box p {
            padding-left: 34px;
            margin-top: 5px; }
        .main.welcome .box .index_service .service_list ul li .cont .list_box {
          margin-top: 15px; }
          .main.welcome .box .index_service .service_list ul li .cont .list_box .owl-carousel-box {
            display: block;
            width: 84.2%;
            margin-left: auto;
            margin-right: auto; }
            .main.welcome .box .index_service .service_list ul li .cont .list_box .owl-carousel-box.auto {
              font-size: 0;
              text-align: center; }
              .main.welcome .box .index_service .service_list ul li .cont .list_box .owl-carousel-box.auto .owl-stage-outer {
                margin-left: -1px; }
              .main.welcome .box .index_service .service_list ul li .cont .list_box .owl-carousel-box.auto .owl-stage {
                margin-left: auto;
                margin-right: auto; }
                .main.welcome .box .index_service .service_list ul li .cont .list_box .owl-carousel-box.auto .owl-stage .owl-item {
                  float: none;
                  display: inline-block;
                  vertical-align: top; }
            .main.welcome .box .index_service .service_list ul li .cont .list_box .owl-carousel-box .owl-controls {
              display: none; }
              .main.welcome .box .index_service .service_list ul li .cont .list_box .owl-carousel-box .owl-controls .owl-nav .owl-prev {
                width: 8.75%;
                position: absolute;
                height: 100%;
                left: -8.75%;
                top: 0;
                text-indent: 2000px;
                overflow: hidden;
                background: url(../images/prev.png) no-repeat center center; }
              .main.welcome .box .index_service .service_list ul li .cont .list_box .owl-carousel-box .owl-controls .owl-nav .owl-next {
                width: 8.75%;
                position: absolute;
                height: 100%;
                right: -8.75%;
                top: 0;
                text-indent: 2000px;
                overflow: hidden;
                background: url(../images/next.png) no-repeat center center; }
            .main.welcome .box .index_service .service_list ul li .cont .list_box .owl-carousel-box .item_box {
              border: 1px solid #f1f1f1;
              border-radius: 5px;
              height: 80px;
              box-sizing: border-box;
              width: 100%;
              padding-top: 9px;
              transition: background 0.5s,border-color 0.5s; }
              @media (min-width: 1024px) {
                .main.welcome .box .index_service .service_list ul li .cont .list_box .owl-carousel-box .item_box:hover {
                  background: #ff9313;
                  border-color: #ff9313; }
                  .main.welcome .box .index_service .service_list ul li .cont .list_box .owl-carousel-box .item_box:hover .img img {
                    opacity: 0;
                    filter: alpha(opacity=0); }
                    .main.welcome .box .index_service .service_list ul li .cont .list_box .owl-carousel-box .item_box:hover .img img.active {
                      opacity: 1;
                      filter: alpha(opacity=100); }
                  .main.welcome .box .index_service .service_list ul li .cont .list_box .owl-carousel-box .item_box:hover .txt {
                    color: #fff; } }
              .main.welcome .box .index_service .service_list ul li .cont .list_box .owl-carousel-box .item_box .img {
                width: 30px;
                height: 21px;
                position: relative;
                margin-left: auto;
                margin-right: auto; }
                .main.welcome .box .index_service .service_list ul li .cont .list_box .owl-carousel-box .item_box .img img {
                  position: absolute;
                  left: 0;
                  top: 0;
                  right: 0;
                  bottom: 0;
                  transition: all 0.5s;
                  max-width: 100%;
                  max-height: 100%; }
                  .main.welcome .box .index_service .service_list ul li .cont .list_box .owl-carousel-box .item_box .img img.active {
                    opacity: 0;
                    filter: alpha(opacity=0); }
              .main.welcome .box .index_service .service_list ul li .cont .list_box .owl-carousel-box .item_box .txt {
                transition: color 0.5s;
                font-size: 14px;
                line-height: 16px;
                color: #666;
                text-align: center;
                margin-top: 6px; width: 40px;  margin: 6px auto 0;}
  .main.welcome .index_news {
    background: #f8f8f8;
    padding-top: 38px;
    padding-bottom: 40px; }
    @media (max-width: 600px) {
      .main.welcome .index_news {
        padding: 30px 0; } }
    @media (max-width: 500px) {
      .main.welcome .index_news .read_more {
        display: none; } }
    .main.welcome .index_news .more {
      border-radius: 21px;
      display: none;
      width: 132px;
      background-color: #fff;
      border: 1px solid #f1f1f1;
      text-align: center;
      font-size: 0;
      background: #fff;
      margin-left: auto;
      margin-right: auto;
      margin-top: 20px; }
      @media (max-width: 500px) {
        .main.welcome .index_news .more {
          display: block; } }
      .main.welcome .index_news .more .ico {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px; }
        @media (max-width: 768px) {
          .main.welcome .index_news .more .ico {
            margin: 0 2px; }
            .main.welcome .index_news .more .ico img {
              height: 10px; } }
      .main.welcome .index_news .more .txt {
        margin: 0 5px;
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        line-height: 42px;
        color: #454545; }
        @media (max-width: 768px) {
          .main.welcome .index_news .more .txt {
            font-size: 13px;
            line-height: 34px;
            margin: 0 2px; } }
      @media (max-width: 1024px) {
        .main.welcome .index_news .more {
          width: 120px; } }
      @media (max-width: 768px) {
        .main.welcome .index_news .more {
          width: 100px; } }
    .main.welcome .index_news .news_box {
      margin-top: 38px;
      margin-bottom: 15px;
      position: relative; }
      @media (max-width: 600px) {
        .main.welcome .index_news .news_box {
          margin-top: 20px; } }
      .main.welcome .index_news .news_box .news_r {
        width: 48.75%;
        background: #fff;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        padding: 0 2%;
        box-sizing: border-box; }
        @media (max-width: 950px) {
          .main.welcome .index_news .news_box .news_r {
            width: 100%;
            position: static;
            padding: 30px 20px;
            margin-top: 20px; } }
        @media (max-width: 500px) {
          .main.welcome .index_news .news_box .news_r {
            padding: 20px 10px; } }
        .main.welcome .index_news .news_box .news_r .tab {
          width: 100%;
          height: 100%;
          display: table; }
          @media (max-width: 950px) {
            .main.welcome .index_news .news_box .news_r .tab {
              display: block; } }
          .main.welcome .index_news .news_box .news_r .tab .tab_cell {
            display: table-cell;
            vertical-align: middle; }
            @media (max-width: 950px) {
              .main.welcome .index_news .news_box .news_r .tab .tab_cell {
                display: block; } }
            .main.welcome .index_news .news_box .news_r .tab .tab_cell ul {
              width: 100%;
              display: block; }
              .main.welcome .index_news .news_box .news_r .tab .tab_cell ul li {
                margin-top: 32px; }
                .main.welcome .index_news .news_box .news_r .tab .tab_cell ul li:first-child {
                  margin-top: 0; }
                @media (min-width: 1024px) {
                  .main.welcome .index_news .news_box .news_r .tab .tab_cell ul li:hover a .cont .t {
                    color: #e50012; } }
                @media (max-width: 1150px) {
                  .main.welcome .index_news .news_box .news_r .tab .tab_cell ul li {
                    margin-top: 20px; } }
                @media (max-width: 500px) {
                  .main.welcome .index_news .news_box .news_r .tab .tab_cell ul li {
                    margin-top: 15px; } }
                .main.welcome .index_news .news_box .news_r .tab .tab_cell ul li a {
                  display: block;
                  position: relative;
                  padding-left: 85px; }
                  @media (max-width: 500px) {
                    .main.welcome .index_news .news_box .news_r .tab .tab_cell ul li a {
                      padding-left: 70PX; } }
                  .main.welcome .index_news .news_box .news_r .tab .tab_cell ul li a .date {
                    width: 70px;
                    position: absolute;
                    left: 0;
                    top: -2px;
                    text-align: right; }
                    @media (max-width: 500px) {
                      .main.welcome .index_news .news_box .news_r .tab .tab_cell ul li a .date {
                        width: 60px; } }
                    .main.welcome .index_news .news_box .news_r .tab .tab_cell ul li a .date .day {
                      font-size: 24px;
                      line-height: 24px;
                      color: #e50012;
                      font-family: "CENTURYGOTHIC-BOLD"; }
                      @media (max-width: 1024px) {
                        .main.welcome .index_news .news_box .news_r .tab .tab_cell ul li a .date .day {
                          font-size: 20px;
                          line-height: 20px; } }
                    .main.welcome .index_news .news_box .news_r .tab .tab_cell ul li a .date .month {
                      font-size: 14px;
                      line-height: 18px;
                      color: #9e9e9e;
                      font-family: Arial; }
                      @media (max-width: 500px) {
                        .main.welcome .index_news .news_box .news_r .tab .tab_cell ul li a .date .month {
                          font-size: 13px; } }
                  .main.welcome .index_news .news_box .news_r .tab .tab_cell ul li a .cont {
                    border-left: 1px solid #e5e5e5;
                    padding-left: 16px; }
                    @media (max-width: 500px) {
                      .main.welcome .index_news .news_box .news_r .tab .tab_cell ul li a .cont {
                        padding-left: 10px; } }
                    .main.welcome .index_news .news_box .news_r .tab .tab_cell ul li a .cont .t {
                      transition: color 0.5s;
                      font-size: 16px;
                      line-height: 18px;
                      color: #454545; }
                      @media (max-width: 1024px) {
                        .main.welcome .index_news .news_box .news_r .tab .tab_cell ul li a .cont .t {
                          font-size: 15px;
                          line-height: 18px; } }
                    .main.welcome .index_news .news_box .news_r .tab .tab_cell ul li a .cont .read {
                      font-size: 12px;
                      line-height: 18px;
                      color: #999;
                      margin-top: 3px; }
      .main.welcome .index_news .news_box .news_l {
        width: 48.75%;
        background: #fff;
        position: relative; }
        @media (max-width: 950px) {
          .main.welcome .index_news .news_box .news_l {
            width: 100%; } }
        @media (min-width: 1024px) {
          .main.welcome .index_news .news_box .news_l:hover .pic img {
            transform: scale(1.05); } }
        .main.welcome .index_news .news_box .news_l .cont {
          position: absolute;
          right: 0;
          top: 0;
          width: 56.42%;
          height: 100%;
          padding-left: 7.6%;
          padding-right: 5%;
          box-sizing: border-box; }
          @media (max-width: 950px) {
            .main.welcome .index_news .news_box .news_l .cont {
              padding: 0 5%; } }
          .main.welcome .index_news .news_box .news_l .cont .tab {
            width: 100%;
            height: 100%;
            display: table; }
            .main.welcome .index_news .news_box .news_l .cont .tab .tab_cell {
              display: table-cell;
              vertical-align: middle; }
              .main.welcome .index_news .news_box .news_l .cont .tab .tab_cell .date {
                font-family: "CENTURYGOTHIC-BOLD";
                font-size: 14px;
                line-height: 20px;
                color: #999; }
                @media (max-width: 1024px) {
                  .main.welcome .index_news .news_box .news_l .cont .tab .tab_cell .date {
                    font-size: 13px; } }
              .main.welcome .index_news .news_box .news_l .cont .tab .tab_cell .tit {
                font-size: 18px;
                line-height: 30px;
                color: #454545;
                margin-top: 8px;
                height: 60px;
                overflow: hidden; }
                @media (max-width: 1024px) {
                  .main.welcome .index_news .news_box .news_l .cont .tab .tab_cell .tit {
                    font-size: 16px;
                    line-height: 24px;
                    height: 48px; } }
                @media (max-width: 450px) {
                  .main.welcome .index_news .news_box .news_l .cont .tab .tab_cell .tit {
                    margin-top: 3px; } }
              .main.welcome .index_news .news_box .news_l .cont .tab .tab_cell .btn {
                width: 82px;
                height: 28px;
                background: #e50012;
                border-radius: 28px;
                font-size: 14px;
                line-height: 28px;
                color: #fff;
                text-align: center;
                margin-top: 33px; }
                @media (max-width: 1024px) {
                  .main.welcome .index_news .news_box .news_l .cont .tab .tab_cell .btn {
                    margin-top: 25px; } }
                @media (max-width: 450px) {
                  .main.welcome .index_news .news_box .news_l .cont .tab .tab_cell .btn {
                    margin-top: 10px;
                    font-size: 13px;
                    line-height: 24px;
                    height: 24px; } }
        .main.welcome .index_news .news_box .news_l .pic {
          float: left;
          width: 43.58%;
          overflow: hidden; }
          .main.welcome .index_news .news_box .news_l .pic img {
            transition: all 0.5s ease-in-out;
            width: 100%;
            height: auto; }
  .main.welcome .index_product {
    background: #fff;
    padding-top: 35px;
    padding-bottom: 40px; }
    @media (max-width: 600px) {
      .main.welcome .index_product {
        padding: 30px 0; } }
    @media (max-width: 500px) {
      .main.welcome .index_product .read_more {
        display: none; } }
    .main.welcome .index_product .product_list {
      padding-top: 6px; }
      .main.welcome .index_product .product_list ul {
        width: 110%; }
        @media (max-width: 800px) {
          .main.welcome .index_product .product_list ul {
            width: 100%; } }
        .main.welcome .index_product .product_list ul li {
          width: 21.2%;
          float: left;
          margin-right: 2.1%;
          margin-top: 2.1%;
          border: 1px solid #f1f1f1;
          box-sizing: border-box;
          border-radius: 5px;
          padding: 10px;
          padding-bottom: 0; }
          @media (min-width: 1024px) {
            .main.welcome .index_product .product_list ul li:hover {
              box-shadow: 0 0 21px rgba(0, 0, 0, 0.12);
              transform: translateY(-10px); }
              .main.welcome .index_product .product_list ul li:hover .cont .msg .booking {
                background: #e50012;
                color: #fff; } }
          @media (max-width: 1070px) {
            .main.welcome .index_product .product_list ul li {
              width: 22%;
              margin-right: 1%;
              margin-top: 1.5%; } }
          @media (max-width: 1024px) {
            .main.welcome .index_product .product_list ul li {
              width: 29%;
              margin-right: 1.7%; } }
          @media (max-width: 800px) {
            .main.welcome .index_product .product_list ul li {
              width: 48%;
              margin-right: 0;
              margin-top: 4%; }
              .main.welcome .index_product .product_list ul li:nth-child(even) {
                float: right; } }
          @media (max-width: 500px) {
            .main.welcome .index_product .product_list ul li {
              width: 100%;
              margin-top: 15px;
              float: none; }
              .main.welcome .index_product .product_list ul li:nth-child(even) {
                float: none; } }
          .main.welcome .index_product .product_list ul li .pic {
            overflow: hidden;
            display: block; }
            .main.welcome .index_product .product_list ul li .pic img {
              width: 100%;
              display: block; }
          .main.welcome .index_product .product_list ul li .cont {
            margin-top: 14px;
            padding: 0 5px; }
            .main.welcome .index_product .product_list ul li .cont .des {
              display: block;
              padding-bottom: 12px;
              border-bottom: 1px dashed #e0e0e0; }
              .main.welcome .index_product .product_list ul li .cont .des .tit {
                font-size: 18px;
                line-height: 26px;
                color: #454545; }
                @media (max-width: 1024px) {
                  .main.welcome .index_product .product_list ul li .cont .des .tit {
                    font-size: 16px;
                    line-height: 24px; } }
              .main.welcome .index_product .product_list ul li .cont .des .txt {
                font-size: 12px;
                line-height: 20px;
                color: #999; }
            .main.welcome .index_product .product_list ul li .cont .msg {
              margin-top: 15px;
              padding-bottom: 13px;
              position: relative;
              padding-right: 95px; }
              .main.welcome .index_product .product_list ul li .cont .msg .ml .money {
                font-size: 20px;
                line-height: 28px;
                color: #ff9313;
                font-family: Arial; }
                @media (max-width: 1150px) {
                  .main.welcome .index_product .product_list ul li .cont .msg .ml .money {
                    font-size: 18px;
                    line-height: 24px; } }
                @media (max-width: 1024px) {
                  .main.welcome .index_product .product_list ul li .cont .msg .ml .money {
                    font-size: 15px;
                    line-height: 20px; } }
              .main.welcome .index_product .product_list ul li .cont .msg .ml .num {
                font-size: 14px;
                line-height: 26px;
                color: #999; }
                .main.welcome .index_product .product_list ul li .cont .msg .ml .num span {
                  font-family: Arial;
                  color: #666; }
                @media (max-width: 1150px) {
                  .main.welcome .index_product .product_list ul li .cont .msg .ml .num {
                    font-size: 13px;
                    line-height: 20px; } }
                @media (max-width: 1024px) {
                  .main.welcome .index_product .product_list ul li .cont .msg .ml .num {
                    font-size: 12px;
                    line-height: 18px; } }
              .main.welcome .index_product .product_list ul li .cont .msg .booking {
                width: 92px;
                height: 32px;
                background: #f1f1f1;
                border-radius: 32px;
                font-size: 14px;
                line-height: 32px;
                color: #454545;
                position: absolute;
                right: 0;
                top: 5px;
                cursor: pointer;
                text-align: center;
                transition: background 0.6s ease-out,color 0.6s ease-out; }
                @media (max-width: 1024px) {
                  .main.welcome .index_product .product_list ul li .cont .msg .booking {
                    font-size: 13px; } }
      .main.welcome .index_product .product_list .more {
        border-radius: 21px;
        display: none;
        width: 132px;
        background-color: #fff;
        border: 1px solid #f1f1f1;
        text-align: center;
        font-size: 0;
        background: #fff;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px; }
        @media (max-width: 500px) {
          .main.welcome .index_product .product_list .more {
            display: block; } }
        .main.welcome .index_product .product_list .more .ico {
          display: inline-block;
          vertical-align: middle;
          margin: 0 5px; }
          @media (max-width: 768px) {
            .main.welcome .index_product .product_list .more .ico {
              margin: 0 2px; }
              .main.welcome .index_product .product_list .more .ico img {
                height: 10px; } }
        .main.welcome .index_product .product_list .more .txt {
          margin: 0 5px;
          display: inline-block;
          vertical-align: middle;
          font-size: 14px;
          line-height: 42px;
          color: #454545; }
          @media (max-width: 768px) {
            .main.welcome .index_product .product_list .more .txt {
              font-size: 13px;
              line-height: 34px;
              margin: 0 2px; } }
        @media (max-width: 1024px) {
          .main.welcome .index_product .product_list .more {
            width: 120px; } }
        @media (max-width: 768px) {
          .main.welcome .index_product .product_list .more {
            width: 100px; } }
  .main.welcome .link_box {
    background: #fff;
    overflow: hidden;
    border-top: 1px solid #eaeaea; }
    .main.welcome .link_box .link_box_cen ul li {
      width: 20%;
      float: left;
      box-sizing: border-box;
      border-right: 1px solid #eaeaea;
      border-left: 1px solid #eaeaea;
      margin-left: -1px; }
      @media (max-width: 500px) {
        .main.welcome .link_box .link_box_cen ul li {
          border: none; } }
      @media (min-width: 1024px) {
        .main.welcome .link_box .link_box_cen ul li:hover a .img img {
          opacity: 0;
          filter: alpha(opacity=0); }
          .main.welcome .link_box .link_box_cen ul li:hover a .img img.active {
            opacity: 1;
            filter: alpha(opacity=100); } }
      .main.welcome .link_box .link_box_cen ul li a {
        display: block;
        padding: 30px 0; }
        @media (max-width: 1024px) {
          .main.welcome .link_box .link_box_cen ul li a {
            padding: 20px 0; } }
        @media (max-width: 600px) {
          .main.welcome .link_box .link_box_cen ul li a {
            padding: 10px 0; } }
        .main.welcome .link_box .link_box_cen ul li a .img {
          width: 82px;
          height: 90px;
          position: relative;
          margin-left: auto;
          margin-right: auto; }
          @media (max-width: 1024px) {
            .main.welcome .link_box .link_box_cen ul li a .img {
              width: 75px;
              height: 82px; } }
          @media (max-width: 800px) {
            .main.welcome .link_box .link_box_cen ul li a .img {
              width: 60px;
              height: 66px; } }
          @media (max-width: 600px) {
            .main.welcome .link_box .link_box_cen ul li a .img {
              width: 50px;
              height: 55px; } }
          @media (max-width: 500px) {
            .main.welcome .link_box .link_box_cen ul li a .img {
              width: 40px;
              height: 44px; } }
          @media (max-width: 400px) {
            .main.welcome .link_box .link_box_cen ul li a .img {
              width: 30px;
              height: 33px; } }
          .main.welcome .link_box .link_box_cen ul li a .img img {
            position: absolute;
            left: 0;
            transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
            top: 0;
            right: 0;
            bottom: 0;
            max-width: 100%;
            max-height: 100%; }
            .main.welcome .link_box .link_box_cen ul li a .img img.active {
              opacity: 0;
              filter: alpha(opacity=0); }
        .main.welcome .link_box .link_box_cen ul li a .txt {
          text-align: center;
          font-size: 18px;
          line-height: 30px;
          color: #454545;
          margin-top: 8px; }
          @media (max-width: 1024px) {
            .main.welcome .link_box .link_box_cen ul li a .txt {
              font-size: 16px;
              line-height: 24px; } }
          @media (max-width: 600px) {
            .main.welcome .link_box .link_box_cen ul li a .txt {
              margin-top: 3px;
              font-size: 14px;
              line-height: 20px; } }
  .main.about #id1, .main.about #id2, .main.about #id3, .main.about #id4, .main.about #id5, .main.about #id6 {
    width: 0;
    height: 0;
    position: relative;
    top: -86px; }
    @media (max-width: 1024px) {
      .main.about #id1, .main.about #id2, .main.about #id3, .main.about #id4, .main.about #id5, .main.about #id6 {
        top: -60px; } }
  .main.about .history {
    padding-top: 30px;
    padding-bottom: 75px; }
    @media (max-width: 1024px) {
      .main.about .history {
        padding-bottom: 55px; } }
    @media (max-width: 600px) {
      .main.about .history {
        padding-bottom: 25px; } }
    .main.about .history .since {
      text-align: right; }
      .main.about .history .since .txt {
        display: inline-block;
        border-right: 5px solid #dedede;
        padding-right: 20px; }
        @media (max-width: 800px) {
          .main.about .history .since .txt {
            padding-right: 14px; } }
        .main.about .history .since .txt .year {
          font-size: 55px;
          line-height: 50px;
          color: #dedede;
          font-family: "HELVETICACDBLK"; }
          @media (max-width: 1100px) {
            .main.about .history .since .txt .year {
              font-size: 44px;
              line-height: 44px; } }
          @media (max-width: 800px) {
            .main.about .history .since .txt .year {
              font-size: 30px;
              line-height: 30px; } }
        .main.about .history .since .txt .ds {
          font-size: 24px;
          line-height: 36px;
          color: #ff9314; }
          @media (max-width: 1024px) {
            .main.about .history .since .txt .ds {
              font-size: 20px;
              line-height: 30px; } }
          @media (max-width: 800px) {
            .main.about .history .since .txt .ds {
              font-size: 16px;
              line-height: 20px; } }
    .main.about .history .title_box {
      margin-top: 70px;
      text-align: center; }
      @media (max-width: 1200px) {
        .main.about .history .title_box {
          margin-top: 120px; } }
      @media (max-width: 1100px) {
        .main.about .history .title_box {
          margin-top: 70px; } }
      @media (max-width: 800px) {
        .main.about .history .title_box {
          margin-top: 50px; } }
      @media (max-width: 600px) {
        .main.about .history .title_box {
          margin-top: 20px; } }
    .main.about .history .history_box {
      position: relative; }
      .main.about .history .history_box .line {
        width: 100%;
        position: absolute;
        left: 0;
        top: 50%;
        height: 7px;
        margin-top: -3px;
        background: url(../images/line1.png) no-repeat center center; }
      .main.about .history .history_box .his_wrap {
        width: 1200px;
        margin-left: auto;
        margin-right: auto; }
        @media (max-width: 1300px) {
          .main.about .history .history_box .his_wrap {
            width: 90%; } }
      .main.about .history .history_box .item_box {
        margin-top: 50px; }
        @media (max-width: 768px) {
          .main.about .history .history_box .item_box {
            margin-top: 20px; } }
        .main.about .history .history_box .item_box .owl-prev {
          position: absolute;
          left: -100px;
          top: 50%;
          margin-top: -30px;
          width: 60px;
          height: 60px;
          overflow: hidden;
          background: url(../images/bl.png) no-repeat center center #ff9314;
          border-radius: 50%;
          text-indent: 200px; }
          @media (max-width: 1440px) {
            .main.about .history .history_box .item_box .owl-prev {
              left: -60px; } }
          @media (max-width: 1350px) {
            .main.about .history .history_box .item_box .owl-prev {
              left: -30px; } }
          @media (max-width: 950px) {
            .main.about .history .history_box .item_box .owl-prev {
              width: 50px;
              height: 50px;
              margin-top: -25px; } }
          @media (max-width: 650px) {
            .main.about .history .history_box .item_box .owl-prev {
              left: 0;
              width: 40px;
              height: 40px;
              margin-top: -20px; } }
          @media (max-width: 450px) {
            .main.about .history .history_box .item_box .owl-prev {
              width: 30px;
              height: 30px;
              margin-top: -15px;
              background-size: 6px auto; } }
        .main.about .history .history_box .item_box .owl-next {
          position: absolute;
          right: -100px;
          top: 50%;
          margin-top: -30px;
          text-indent: 200px;
          overflow: hidden;
          width: 60px;
          height: 60px;
          border-radius: 50%;
          background: url(../images/br.png) no-repeat center center #ff9314; }
          @media (max-width: 1440px) {
            .main.about .history .history_box .item_box .owl-next {
              right: -60px; } }
          @media (max-width: 1350px) {
            .main.about .history .history_box .item_box .owl-next {
              right: -30px; } }
          @media (max-width: 950px) {
            .main.about .history .history_box .item_box .owl-next {
              width: 50px;
              margin-top: -25px;
              height: 50px; } }
          @media (max-width: 650px) {
            .main.about .history .history_box .item_box .owl-next {
              right: 0;
              width: 40px;
              height: 40px;
              margin-top: -20px; } }
          @media (max-width: 450px) {
            .main.about .history .history_box .item_box .owl-next {
              width: 30px;
              height: 30px;
              margin-top: -15px;
              background-size: 6px auto; } }
        .main.about .history .history_box .item_box .owl-item.active .item {
          opacity: 1;
          filter: alpha(opacity=100); }
        .main.about .history .history_box .item_box .item {
          height: 230px;
          transition: opacity 0.5s;
          position: relative;
          opacity: 0;
          filter: alpha(opacity=0); }
          @media (min-width: 1024px) {
            .main.about .history .history_box .item_box .item:hover .icon {
              background: #ff9314;
              border-color: #ff9314; }
              .main.about .history .history_box .item_box .item:hover .icon img {
                opacity: 0;
                filter: alpha(opacity=0); }
                .main.about .history .history_box .item_box .item:hover .icon img.active {
                  opacity: 1;
                  filter: alpha(opacity=100); }
            .main.about .history .history_box .item_box .item:hover .cont .front {
              transform: rotateY(180deg);
              transform: rotateY(0deg) \0;
              opacity: 0\0;
              filter: alpha(opacity=0) \0; }
            .main.about .history .history_box .item_box .item:hover .cont .back {
              transform: rotateY(0deg);
              opacity: 1\0;
              filter: alpha(opacity=100) \0; } }
          @media (max-width: 750px) {
            .main.about .history .history_box .item_box .item {
              height: 205px; } }
          @media (max-width: 600px) {
            .main.about .history .history_box .item_box .item {
              height: 175px; } }
          @media (max-width: 450px) {
            .main.about .history .history_box .item_box .item {
              height: 148px; } }
          .main.about .history .history_box .item_box .item.event {
            margin-top: 236px; }
            @media (max-width: 750px) {
              .main.about .history .history_box .item_box .item.event {
                margin-top: 205px; } }
            @media (max-width: 600px) {
              .main.about .history .history_box .item_box .item.event {
                margin-top: 175px; } }
            @media (max-width: 450px) {
              .main.about .history .history_box .item_box .item.event {
                margin-top: 148px;
                margin-left: -50px; } }
            .main.about .history .history_box .item_box .item.event .icon {
              bottom: auto;
              top: -30px; }
              @media (max-width: 950px) {
                .main.about .history .history_box .item_box .item.event .icon {
                  top: -25px; } }
              @media (max-width: 650px) {
                .main.about .history .history_box .item_box .item.event .icon {
                  top: -20px; } }
              @media (max-width: 450px) {
                .main.about .history .history_box .item_box .item.event .icon {
                  top: -15px; } }
            .main.about .history .history_box .item_box .item.event .cont {
              top: auto;
              bottom: 0; }
              .main.about .history .history_box .item_box .item.event .cont .front {
                background: url(../images/y2.png) no-repeat center center; }
                .main.about .history .history_box .item_box .item.event .cont .front .year {
                /*  padding-top: 38px;*/ }
                  @media (max-width: 600px) {
                    .main.about .history .history_box .item_box .item.event .cont .front .year {
                    /*  padding-top: 20px;*/ } }
          .main.about .history .history_box .item_box .item .cont {
            width: 175px;
            height: 189px;
            position: absolute;
            left: 50%;
            margin-left: -87.5px;
            top: 0;
            box-sizing: border-box;
            text-align: center; }
            @media (max-width: 750px) {
              .main.about .history .history_box .item_box .item .cont {
                width: 160px;
                height: 173px;
                margin-left: -80px; } }
            @media (max-width: 600px) {
              .main.about .history .history_box .item_box .item .cont {
                width: 140px;
                height: 151px;
                margin-left: -70px; } }
            @media (max-width: 450px) {
              .main.about .history .history_box .item_box .item .cont {
                width: 120px;
                height: 130px;
                margin-left: -60px; } }
            .main.about .history .history_box .item_box .item .cont .back {
              position: absolute;
              width: 100%;
              height: 100%;
              left: 0;
              top: 0;
              transform-style: preserve-3d;
              backface-visibility: hidden;
              box-sizing: border-box;
              box-sizing: border-box;
              transition: all 0.7s ease;
              transform: rotateY(180deg);
              transform-style: flat\0;
              backface-visibility: visible\0;
              opacity: 0\0;
              filter: alpha(opacity=0) \0;
              transform: rotateY(0deg) \0; }
              .main.about .history .history_box .item_box .item .cont .back img {
                width: 100%;
                height: auto; }
            .main.about .history .history_box .item_box .item .cont .front {
              width: 100%;
              padding: 0 15px;
              box-sizing: border-box;
              height: 100%;
              background: url(../images/y.png) no-repeat center center;
              transform-style: preserve-3d;
              transition: all 0.7s ease;
              backface-visibility: hidden;
              position: relative;
              z-index: 10;
              transform-style: flat\0;
              backface-visibility: visible\0;
              background-size: cover !important;
              display: flex;
justify-content: center;
align-items: center;
               }
              @media (max-width: 600px) {
                .main.about .history .history_box .item_box .item .cont .front {
                  padding: 0 12px; } }
              .main.about .history .history_box .item_box .item .cont .front .year {
                /*padding-top: 25px;*/
                font-size: 24px;
                line-height: 28px;
                color: #ff9314; }
                .main.about .history .history_box .item_box .item .cont .front .year strong {
                  font-size: 20px; }
                @media (max-width: 950px) {
                  .main.about .history .history_box .item_box .item .cont .front .year {
                    font-size: 20px;
                    line-height: 24px; }
                    .main.about .history .history_box .item_box .item .cont .front .year strong {
                      font-size: 16px; } }
                @media (max-width: 600px) {
                  .main.about .history .history_box .item_box .item .cont .front .year {
                    padding-top: 10px;
                    font-size: 16px;
                    line-height: 20px; }
                    .main.about .history .history_box .item_box .item .cont .front .year strong {
                      font-size: 14px; } }
              .main.about .history .history_box .item_box .item .cont .front .text_box .tbox {
                position: relative;
                font-size: 14px;
                line-height: 24px;
                color: #777;
                top: 0; }
                @media (max-width: 950px) {
                  .main.about .history .history_box .item_box .item .cont .front .text_box .tbox {
                    font-size: 13px;
                    line-height: 20px; } }
                @media (max-width: 600px) {
                  .main.about .history .history_box .item_box .item .cont .front .text_box .tbox {
                    font-size: 12px;
                    line-height: 18px; } }
                @media (max-width: 450px) {
                  .main.about .history .history_box .item_box .item .cont .front .text_box .tbox {
                    font-size: 11px;
                    line-height: 14px; } }
          .main.about .history .history_box .item_box .item .icon {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            border:1px solid #f6cfa0;
            box-sizing: border-box;
            position: absolute;
            left: 50%;
            margin-left: -30px;
            transition: all 0.5s ease-out;
            bottom: -30px;
            background-color: #f9f2ea; }
            @media (max-width: 950px) {
              .main.about .history .history_box .item_box .item .icon {
                width: 50px;
                height: 50px;
                bottom: -25px;
                margin-left: -25px; } }
            @media (max-width: 650px) {
              .main.about .history .history_box .item_box .item .icon {
                width: 40px;
                height: 40px;
                margin-left: -20px;
                bottom: -20px; } }
            @media (max-width: 450px) {
              .main.about .history .history_box .item_box .item .icon {
                width: 30px;
                height: 30px;
                margin-left: -15px;
                bottom: -15px; } }
            .main.about .history .history_box .item_box .item .icon img {
              position: absolute;
              left: 0;
              top: 0;
              right: 0;
              bottom: 0;
              transition: opacity 0.3s ease-out;
              max-width: 90%;
              max-height: 90%;
              margin: auto;
              width: auto; }
              .main.about .history .history_box .item_box .item .icon img.active {
                opacity: 0;
                filter: alpha(opacity=0); }
              @media (max-width: 650px) {
                .main.about .history .history_box .item_box .item .icon img {
                  max-width: 60%;
                  max-height: 60%; } }
  .main.about .speech .speech_cen {
    padding-top: 60px;
    padding-bottom: 50px; }
    @media (max-width: 600px) {
      .main.about .speech .speech_cen {
        padding: 30px 0; } }
    .main.about .speech .speech_cen .speech_text {
      float: left;
      width: 55.25%; }
      @media (max-width: 1024px) {
        .main.about .speech .speech_cen .speech_text {
          width: 100%;
          float: none; } }
      .main.about .speech .speech_cen .speech_text .cont {
        margin-top: 22px;
        font-size: 14px;
        line-height: 24px;
        color: #666; }
        @media (max-width: 700px) {
          .main.about .speech .speech_cen .speech_text .cont {
            margin-top: 12px; } }
        .main.about .speech .speech_cen .speech_text .cont p {
          margin-bottom: 25px; }
          @media (max-width: 1150px) {
            .main.about .speech .speech_cen .speech_text .cont p {
              margin-bottom: 20px; } }
          @media (max-width: 700px) {
            .main.about .speech .speech_cen .speech_text .cont p {
              margin-bottom: 15px; } }
        .main.about .speech .speech_cen .speech_text .cont .autograph {
          text-align: right;
          padding-right: 30px;
          font-size: 14px;
          line-height: 24px; }
          .main.about .speech .speech_cen .speech_text .cont .autograph img {
            display: inline-block;
            vertical-align: middle; }
          @media (max-width: 500px) {
            .main.about .speech .speech_cen .speech_text .cont .autograph {
              padding-right: 0; } }
    .main.about .speech .speech_cen .leader {
      width: 37.75%;
      float: right;
      margin-right: 3.33%; }
      @media (min-width: 1024px) {
        .main.about .speech .speech_cen .leader {
          opacity: 0;
          filter: alpha(opacity=0);
          transform-style: preserve-3d;
          -webkit-transform-style: preserve-3d;
          transform-origin: right center;
          transform: translate(60px, 0) rotateY(-45deg);
          transition: transform 0.6s ease-out 0s; }
          .main.about .speech .speech_cen .leader.animate {
            transform: translate(0px, 0) rotateY(0deg);
            opacity: 1;
            filter: alpha(opacity=100); } }
      @media (max-width: 1024px) {
        .main.about .speech .speech_cen .leader {
          width: 44%;
          float: none;
          margin-top: 20px;
          margin-right: auto;
          margin-left: auto; } }
      @media (max-width: 750px) {
        .main.about .speech .speech_cen .leader {
          width: 60%; } }
      .main.about .speech .speech_cen .leader img {
        width: 100%;
        height: auto; }
  .main.about .leader_honor {
    padding-bottom: 138px; }
    @media (max-width: 1024px) {
      .main.about .leader_honor {
        padding-bottom: 110px; } }
    @media (max-width: 700px) {
      .main.about .leader_honor {
        padding-bottom: 50px; } }
    .main.about .leader_honor .leader_honor_cen .honor_title {
      width: 55px;
      height: 322px;
      background: url(../images/hbg.png) no-repeat;
      background-size: cover;
      float: left; }
      @media (max-width: 700px) {
        .main.about .leader_honor .leader_honor_cen .honor_title {
          width: 40px;
          height: 234px;
          background-size: cover; } }
      .main.about .leader_honor .leader_honor_cen .honor_title .icon {
        padding-top: 18px;
        text-align: center; }
        @media (max-width: 700px) {
          .main.about .leader_honor .leader_honor_cen .honor_title .icon {
            padding-top: 10px; } }
      .main.about .leader_honor .leader_honor_cen .honor_title .txt {
        font-size: 20px;
        line-height: 22px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        width: 22px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 14px; }
        @media (max-width: 1024px) {
          .main.about .leader_honor .leader_honor_cen .honor_title .txt {
            font-size: 18px;
            line-height: 20px; } }
        @media (max-width: 700px) {
          .main.about .leader_honor .leader_honor_cen .honor_title .txt {
            font-size: 14px;
            line-height: 16px;
            margin-top: 8px; } }
    .main.about .leader_honor .leader_honor_cen .honor_list {
      float: right;
      background: rgba(255, 255, 255, 0.68);
      width: 89.3%;
      padding: 45px;
      box-sizing: border-box; }
      @media (max-width: 1240px) {
        .main.about .leader_honor .leader_honor_cen .honor_list {
          padding: 35px; } }
      @media (max-width: 700px) {
        .main.about .leader_honor .leader_honor_cen .honor_list {
          padding: 20px; } }
      @media (max-width: 460px) {
        .main.about .leader_honor .leader_honor_cen .honor_list {
          width: 85%;
          padding: 15px; } }
      .main.about .leader_honor .leader_honor_cen .honor_list .honor {
        margin-top: 38px;
        position: relative;
        margin-bottom: 12px; }
        @media (max-width: 1024px) {
          .main.about .leader_honor .leader_honor_cen .honor_list .honor {
            margin-top: 0; } }
        @media (max-width: 460px) {
          .main.about .leader_honor .leader_honor_cen .honor_list .honor {
            margin-bottom: 0; } }
        .main.about .leader_honor .leader_honor_cen .honor_list .honor .flex-control-nav {
          bottom: -130px; }
          @media (max-width: 1024px) {
            .main.about .leader_honor .leader_honor_cen .honor_list .honor .flex-control-nav {
              bottom: -100px; } }
          @media (max-width: 700px) {
            .main.about .leader_honor .leader_honor_cen .honor_list .honor .flex-control-nav {
              bottom: -60px; } }
          .main.about .leader_honor .leader_honor_cen .honor_list .honor .flex-control-nav li a {
            width: 8px;
            height: 8px;
            background: #bbbbbb;
            border-radius: 8px;
            transition: all 0.3s; }
            .main.about .leader_honor .leader_honor_cen .honor_list .honor .flex-control-nav li a.flex-active {
              width: 24px;
              background: #ff9314; }
        .main.about .leader_honor .leader_honor_cen .honor_list .honor .slides li .list .ul {
          width: 100%;
          font-size: 0; }
          .main.about .leader_honor .leader_honor_cen .honor_list .honor .slides li .list .ul li {
            vertical-align: top;
            display: inline-block;
            width: 33.33%;
            font-size: 16px;
            line-height: 24px;
            color: #454545;
            padding-left: 20px;
            box-sizing: border-box;
            margin: 9px 0;
            background: url(../images/ico.png) no-repeat left 7px;
            padding-right: 5px; }
            @media (max-width: 1240px) {
              .main.about .leader_honor .leader_honor_cen .honor_list .honor .slides li .list .ul li {
                font-size: 15px;
                line-height: 20px; } }
            @media (max-width: 1024px) {
              .main.about .leader_honor .leader_honor_cen .honor_list .honor .slides li .list .ul li {
                width: 50%; } }
            @media (max-width: 700px) {
              .main.about .leader_honor .leader_honor_cen .honor_list .honor .slides li .list .ul li {
                width: 100%;
                font-size: 14px;
                line-height: 20px;
                margin: 3px 0; } }
  .main.about .intro {
    position: relative;
    background-color: #F7F7F7; }
    .main.about .intro .intro_txt {
      position: absolute;
      width: 1200px;
      height: 100%;
      top: 0;
      left: 50%;
      margin-left: -600px; }
      @media (max-width: 1240px) {
        .main.about .intro .intro_txt {
          width: 94%;
          margin-left: -47%; } }
      @media (max-width: 800px) {
        .main.about .intro .intro_txt {
          position: static;
          margin-left: auto;
          margin-right: auto;
          margin-top: -15px; } }
      .main.about .intro .intro_txt .intro_txt_box {
        width: 47.83%;
        position: absolute;
        top: 23%;
        padding: 0 3.5%;
        box-sizing: border-box;
        left: 0;
        border-radius: 2px;
        height: 690px;
        background-color: #fff;
        box-shadow: 0 0 27px rgba(0, 0, 0, 0.11); }
        @media (max-width: 1100px) {
          .main.about .intro .intro_txt .intro_txt_box {
            height: 600px; } }
        @media (max-width: 950px) {
          .main.about .intro .intro_txt .intro_txt_box {
            height: 530px; } }
        @media (max-width: 820px) {
          .main.about .intro .intro_txt .intro_txt_box {
            width: 49%; } }
        @media (max-width: 800px) {
          .main.about .intro .intro_txt .intro_txt_box {
            width: 100%;
            height: auto;
            position: static;
            padding: 20px 15px;
            padding-top: 0; } }
        .main.about .intro .intro_txt .intro_txt_box .title {
          padding-top: 24px; }
          .main.about .intro .intro_txt .intro_txt_box .title .cn {
            font-size: 30px;
            line-height: 38px;
            color: #454545; }
            @media (max-width: 1100px) {
              .main.about .intro .intro_txt .intro_txt_box .title .cn {
                font-size: 26px;
                line-height: 30px; } }
            @media (max-width: 800px) {
              .main.about .intro .intro_txt .intro_txt_box .title .cn {
                font-size: 20px;
                line-height: 30px; } }
          .main.about .intro .intro_txt .intro_txt_box .title .en {
            font-family: "CENTURYGOTHIC-BOLD";
            font-size: 55px;
            line-height: 50px;
            color: #eee; }
            @media (max-width: 1200px) {
              .main.about .intro .intro_txt .intro_txt_box .title .en {
                font-size: 50px;
                line-height: 50px; } }
            @media (max-width: 1100px) {
              .main.about .intro .intro_txt .intro_txt_box .title .en {
                font-size: 44px;
                line-height: 50px; } }
            @media (max-width: 950px) {
              .main.about .intro .intro_txt .intro_txt_box .title .en {
                font-size: 38px;
                line-height: 44px; } }
            @media (max-width: 800px) {
              .main.about .intro .intro_txt .intro_txt_box .title .en {
                font-size: 30px;
                line-height: 36px; } }
        .main.about .intro .intro_txt .intro_txt_box .content {
          margin-top: 20px;
          font-size: 14px;
          line-height: 24px;
          color: #666; }
          @media (max-width: 800px) {
            .main.about .intro .intro_txt .intro_txt_box .content {
              height: auto !important; } }
          .main.about .intro .intro_txt .intro_txt_box .content p {
            padding-bottom: 15px; }
          @media (max-width: 800px) {
            .main.about .intro .intro_txt .intro_txt_box .content {
              margin-top: 10px; }
              .main.about .intro .intro_txt .intro_txt_box .content p {
                padding-bottom: 10px; } }
    .main.about .intro .intro_img {
      padding: 72px 0; }
      @media (max-width: 500px) {
        .main.about .intro .intro_img {
          padding: 30px 0; } }
      .main.about .intro .intro_img .intro_cen .img_box {
        width: 39.91%;
        float: right;
        position: relative;
        z-index: 100; }
        .main.about .intro .intro_img .intro_cen .img_box .video {
          border-radius: 23px;
          background-color: #fff;
          font-size: 18px;
          line-height: 46px;
          color: #595959;
          width: 154px;
          padding-left: 50px;
          box-sizing: border-box;
          box-shadow: 0 0 27px rgba(79, 79, 79, 0.49);
          background: url(../images/video.png) no-repeat 5px center #fff;
          position: absolute;
          left: 50%;
          margin-left: -77px;
          cursor: pointer;
          top: 50%;
          margin-top: -23px;
          z-index: 10;
          transition: color 0.5s; }
          @media (min-width: 1024px) {
            .main.about .intro .intro_img .intro_cen .img_box .video:hover {
              color: #e50012; } }
          @media (max-width: 500px) {
            .main.about .intro .intro_img .intro_cen .img_box .video {
              width: 120px;
              font-size: 14px;
              line-height: 36px;
              background-size: auto 70%;
              padding-left: 35px;
              margin-top: -18px;
              margin-left: -60px; } }
        .main.about .intro .intro_img .intro_cen .img_box img {
          width: 100%;
          height: auto; }
        @media (max-width: 800px) {
          .main.about .intro .intro_img .intro_cen .img_box {
            width: 50%;
            float: none;
            margin-left: auto;
            margin-right: auto; } }
        @media (max-width: 500px) {
          .main.about .intro .intro_img .intro_cen .img_box {
            width: 70%; } }
  .main.about .culture {
    padding-bottom: 5px;
    border-bottom: 1px solid #ebebeb;
    padding-top: 65px; }
    @media (max-width: 1400px) {
      .main.about .culture {
        padding-top: 55px; } }
    @media (max-width: 768px) {
      .main.about .culture {
        padding-top: 25px; } }
    .main.about .culture .title_box {
      text-align: center; }
    .main.about .culture .culture_box {
      margin-top: 54px; }
      @media (max-width: 1400px) {
        .main.about .culture .culture_box {
          margin-top: 40px; } }
      @media (max-width: 1024px) {
        .main.about .culture .culture_box {
          display: none; } }
      .main.about .culture .culture_box ul li {
        width: 20%;
        float: left; }
        @media (min-width: 1024px) {
          .main.about .culture .culture_box ul li:hover .pic .mask {
            transform: scaleY(1);
            transform-origin: top center; }
          .main.about .culture .culture_box ul li:hover .pic .txt_box {
            transform: translate(0, 0);
            opacity: 1;
            filter: alpha(opacity=100); } }
        .main.about .culture .culture_box ul li .pic {
          position: relative;
          overflow: hidden; }
          .main.about .culture .culture_box ul li .pic img {
            width: 100%;
            height: auto; }
          .main.about .culture .culture_box ul li .pic .txt_box {
            position: absolute;
            letft: 0;
            top: 0;
            box-sizing: border-box;
            padding: 0 10px;
            width: 100%;
            height: 100%;
            transform: translateY(50px);
            opacity: 0;
            filter: alpha(opacity=0);
            transition: transform 0.6s,opacity 0.6s; }
            .main.about .culture .culture_box ul li .pic .txt_box .tab {
              width: 100%;
              height: 100%;
              display: table; }
              .main.about .culture .culture_box ul li .pic .txt_box .tab .tab_cell {
                display: table-cell;
                vertical-align: middle;
                font-size: 16px;
                line-height: 28px;
                color: #fff;
                text-align: center; }
                @media (max-width: 1400px) {
                  .main.about .culture .culture_box ul li .pic .txt_box .tab .tab_cell {
                    font-size: 14px;
                    line-height: 24px; } }
          .main.about .culture .culture_box ul li .pic .mask {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background:#ff9314b8;
            transform: scaleY(0);
            transform-origin: bottom center;
            transition: transform 0.6s; }
          .main.about .culture .culture_box ul li .pic .arrow {
            width: 0;
            height: 0;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-bottom: 11px solid #fff;
            position: absolute;
            z-index: 10;
            left: 50%;
            margin-left: -12px;
            bottom: 0; }
        .main.about .culture .culture_box ul li .cont {
          text-align: center;
          padding-top: 19px;
          padding-bottom: 28px; }
          .main.about .culture .culture_box ul li .cont .t {
            font-size: 24px;
            line-height: 32px;
            color: #454545; }
            @media (max-width: 1400px) {
              .main.about .culture .culture_box ul li .cont .t {
                font-size: 20px;
                line-height: 30px; } }
          .main.about .culture .culture_box ul li .cont .en_t {
            font-size: 18px;
            line-height: 20px;
            color: #454545;
            font-family: Arial;
            opacity: 0.3;
            filter: alpha(opacity=30); }
            @media (max-width: 1400px) {
              .main.about .culture .culture_box ul li .cont .en_t {
                font-size: 16px;
                line-height: 18px; } }
    .main.about .culture .culture_m {
      display: none;
      margin-top: 40px;
      margin-bottom: 30px; }
      @media (max-width: 1024px) {
        .main.about .culture .culture_m {
          display: block; } }
      @media (max-width: 768px) {
        .main.about .culture .culture_m {
          margin-top: 25px;
          margin-bottom: 25px; } }
      .main.about .culture .culture_m .swiper-container .swiper-pagination {
        position: static;
        margin-top: 20px; }
        @media (max-width: 650px) {
          .main.about .culture .culture_m .swiper-container .swiper-pagination {
            margin-top: 13px; } }
        .main.about .culture .culture_m .swiper-container .swiper-pagination span {
          width: 8px;
          height: 8px;
          background: #bbbbbb;
          border-radius: 8px;
          transition: all 0.3s;
          opacity: 1 !important; }
          .main.about .culture .culture_m .swiper-container .swiper-pagination span.swiper-pagination-bullet-active {
            width: 24px;
            background: #ff9314; }
      .main.about .culture .culture_m .swiper-container .swiper-wrapper .swiper-slide .pic {
        overflow: hidden; }
        .main.about .culture .culture_m .swiper-container .swiper-wrapper .swiper-slide .pic img {
          width: 100%; }
      .main.about .culture .culture_m .swiper-container .swiper-wrapper .swiper-slide .cont {
        padding: 15px; }
        @media (max-width: 650px) {
          .main.about .culture .culture_m .swiper-container .swiper-wrapper .swiper-slide .cont {
            padding: 10px; } }
        .main.about .culture .culture_m .swiper-container .swiper-wrapper .swiper-slide .cont .tit .cn {
          font-size: 20px;
          line-height: 30px;
          color: #454545; }
          @media (max-width: 768px) {
            .main.about .culture .culture_m .swiper-container .swiper-wrapper .swiper-slide .cont .tit .cn {
              font-size: 18px;
              line-height: 24px; } }
        .main.about .culture .culture_m .swiper-container .swiper-wrapper .swiper-slide .cont .tit .en {
          font-size: 16px;
          line-height: 18px;
          color: #454545;
          font-family: Arial;
          opacity: 0.3;
          filter: alpha(opacity=30); }
          @media (max-width: 768px) {
            .main.about .culture .culture_m .swiper-container .swiper-wrapper .swiper-slide .cont .tit .en {
              font-size: 13px;
              line-height: 16px; } }
        .main.about .culture .culture_m .swiper-container .swiper-wrapper .swiper-slide .cont .con {
          font-size: 14px;
          line-height: 24px;
          color: #454545;
          margin-top: 10px; }
          @media (max-width: 768px) {
            .main.about .culture .culture_m .swiper-container .swiper-wrapper .swiper-slide .cont .con {
              font-size: 14px;
              line-height: 20px;
              margin-top: 6px; } }
  .main.about .inscription {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 103px; }
    @media (max-width: 1024px) {
      .main.about .inscription {
        padding-top: 40px;
        padding-bottom: 70px; } }
    @media (max-width: 768px) {
      .main.about .inscription {
        padding-top: 25px;
        padding-bottom: 35px; } }
    .main.about .inscription .pic {
      width: 1207px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 50px;
      max-width: 100%; }
      @media (max-width: 1240px) {
        .main.about .inscription .pic {
          width: 94%; } }
      @media (max-width: 1024px) {
        .main.about .inscription .pic {
          margin-top: 40px; } }
      @media (max-width: 768px) {
        .main.about .inscription .pic {
          margin-top: 20px; } }
      .main.about .inscription .pic img {
        max-width: 100%; }
  .main.about .honor_wrap .honor_cen {
    padding-bottom: 120px;
    padding-top: 75px; }
    @media (max-width: 1024px) {
      .main.about .honor_wrap .honor_cen {
        padding-top: 60px;
        padding-bottom: 100px; } }
    @media (max-width: 768px) {
      .main.about .honor_wrap .honor_cen {
        padding-top: 30px;
        padding-bottom: 50px; } }
    .main.about .honor_wrap .honor_cen .title_box {
      text-align: center; }
      .main.about .honor_wrap .honor_cen .title_box .cn, .main.about .honor_wrap .honor_cen .title_box .en {
        color: #fff; }
    .main.about .honor_wrap .honor_cen .year_box {
      background-color: rgba(255, 255, 255, 0.23);
      border: 1px solid rgba(255, 255, 255, 0.4);
      margin-top: 50px; }
      @media (max-width: 1024px) {
        .main.about .honor_wrap .honor_cen .year_box {
          margin-top: 35px; } }
      @media (max-width: 800px) {
        .main.about .honor_wrap .honor_cen .year_box {
          width: 90%;
          margin-left: auto;
          margin-right: auto;
          margin-top: 20px; } }
      .main.about .honor_wrap .honor_cen .year_box .owl-controls {
        display: none; }
      .main.about .honor_wrap .honor_cen .year_box .item_box .owl-controls {
        display: none; }
        @media (max-width: 800px) {
          .main.about .honor_wrap .honor_cen .year_box .item_box .owl-controls {
            display: block; } }
        .main.about .honor_wrap .honor_cen .year_box .item_box .owl-controls .owl-prev {
          position: absolute;
          width: 20px;
          height: 20px;
          background: url(../images/btn_l.png) no-repeat center center;
          background-size: cover;
          left: -25px;
          overflow: hidden;
          text-indent: 2000px;
          top: 50%;
          margin-top: -10px; }
        .main.about .honor_wrap .honor_cen .year_box .item_box .owl-controls .owl-next {
          position: absolute;
          width: 20px;
          height: 20px;
          background: url(../images/btn_r.png) no-repeat center center;
          background-size: cover;
          right: -25px;
          top: 50%;
          margin-top: -10px;
          overflow: hidden;
          text-indent: 2000px; }
      .main.about .honor_wrap .honor_cen .year_box .item_box .owl-stage-outer {
        overflow: inherit; }
        @media (max-width: 800px) {
          .main.about .honor_wrap .honor_cen .year_box .item_box .owl-stage-outer {
            overflow: hidden; } }
      .main.about .honor_wrap .honor_cen .year_box .item_box .owl-item:last-child .item::after {
        display: none; }
      .main.about .honor_wrap .honor_cen .year_box .item_box .owl-item .item {
        color: #fff;
        font-family: Arial;
        cursor: pointer;
        text-align: center;
        position: relative; }
        @media (max-width: 800px) {
          .main.about .honor_wrap .honor_cen .year_box .item_box .owl-item .item {
            overflow: hidden; } }
        .main.about .honor_wrap .honor_cen .year_box .item_box .owl-item .item .txt {
          font-size: 18px;
          line-height: 64px;
          position: relative;
          z-index: 10; }
          @media (max-width: 1024px) {
            .main.about .honor_wrap .honor_cen .year_box .item_box .owl-item .item .txt {
              font-size: 16px;
              line-height: 50px; } }
          @media (max-width: 600px) {
            .main.about .honor_wrap .honor_cen .year_box .item_box .owl-item .item .txt {
              line-height: 40px;
              font-size: 14px; } }
        .main.about .honor_wrap .honor_cen .year_box .item_box .owl-item .item .bg {
          position: absolute;
          left: 0px;
          right: -2px;
          top: -1px;
          bottom: -1px;
          background: #ff9314;
          opacity: 0;
          filter: alpha(opacity=0);
          transition: all 0.3s; }
        .main.about .honor_wrap .honor_cen .year_box .item_box .owl-item .item.active .bg {
          opacity: 1;
          filter: alpha(opacity=100); }
        .main.about .honor_wrap .honor_cen .year_box .item_box .owl-item .item.active::before {
          opacity: 1;
          filter: alpha(opacity=100); }
        .main.about .honor_wrap .honor_cen .year_box .item_box .owl-item .item.active::after {
          display: none; }
        @media (min-width: 1024px) {
          .main.about .honor_wrap .honor_cen .year_box .item_box .owl-item .item:hover .bg {
            opacity: 1;
            filter: alpha(opacity=100); }
          .main.about .honor_wrap .honor_cen .year_box .item_box .owl-item .item:hover::before {
            opacity: 1;
            filter: alpha(opacity=100); }
          .main.about .honor_wrap .honor_cen .year_box .item_box .owl-item .item:hover::after {
            display: none; } }
        .main.about .honor_wrap .honor_cen .year_box .item_box .owl-item .item::before {
          content: '';
          position: absolute;
          left: 50%;
          margin-left: -7px;
          bottom: -8px;
          width: 15px;
          height: 7px;
          background: url(../images/arrow.png) no-repeat center center;
          background-size: cover;
          transition: all 0.3s;
          opacity: 0;
          filter: alpha(opacity=0); }
        .main.about .honor_wrap .honor_cen .year_box .item_box .owl-item .item::after {
          content: '';
          position: absolute;
          width: 1px;
          height: 16px;
          background: #fff;
          right: 0;
          top: 50%;
          margin-top: -8px; }
          @media (max-width: 800px) {
            .main.about .honor_wrap .honor_cen .year_box .item_box .owl-item .item::after {
              display: none; } }
    .main.about .honor_wrap .honor_cen .flipster_box {
      margin-top: 84px; }
      @media (max-width: 1024px) {
        .main.about .honor_wrap .honor_cen .flipster_box {
          margin-top: 65px; } }
      @media (max-width: 768px) {
        .main.about .honor_wrap .honor_cen .flipster_box {
          margin-top: 30px; } }
      @media (max-width: 500px) {
        .main.about .honor_wrap .honor_cen .flipster_box {
          margin-top: 25px; } }
      .main.about .honor_wrap .honor_cen .flipster_box .flipster .flipto-next {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: url(../images/fr.png) no-repeat center center #fff;
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -30px;
        overflow: hidden;
        text-indent: 2000px; }
        @media (max-width: 1024px) {
          .main.about .honor_wrap .honor_cen .flipster_box .flipster .flipto-next {
            width: 50px;
            height: 50px;
            margin-top: -25px; } }
        @media (max-width: 600px) {
          .main.about .honor_wrap .honor_cen .flipster_box .flipster .flipto-next {
            width: 36px;
            height: 36px;
            right: 0;
            margin-top: -18px; } }
        @media (max-width: 450px) {
          .main.about .honor_wrap .honor_cen .flipster_box .flipster .flipto-next {
            width: 30px;
            height: 30px;
            background-size: 7px auto;
            margin-top: -15px;
            right: -5px; } }
      .main.about .honor_wrap .honor_cen .flipster_box .flipster .flipto-prev {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: url(../images/fl.png) no-repeat center center #fff;
        position: absolute;
        left: 15px;
        top: 50%;
        overflow: hidden;
        text-indent: 200px;
        margin-top: -30px; }
        @media (max-width: 1024px) {
          .main.about .honor_wrap .honor_cen .flipster_box .flipster .flipto-prev {
            width: 50px;
            height: 50px;
            margin-top: -25px; } }
        @media (max-width: 600px) {
          .main.about .honor_wrap .honor_cen .flipster_box .flipster .flipto-prev {
            width: 36px;
            height: 36px;
            left: 0;
            margin-top: -18px; } }
        @media (max-width: 450px) {
          .main.about .honor_wrap .honor_cen .flipster_box .flipster .flipto-prev {
            width: 30px;
            height: 30px;
            background-size: 7px auto;
            left: -5px;
            margin-top: -15px; } }
      .main.about .honor_wrap .honor_cen .flipster_box .flipster ul li {
        width: 491px;
        height: 340px; }
        @media (max-width: 1024px) {
          .main.about .honor_wrap .honor_cen .flipster_box .flipster ul li {
            height: 300px;
            width: 433px; } }
        @media (max-width: 850px) {
          .main.about .honor_wrap .honor_cen .flipster_box .flipster ul li {
            width: 375px;
            height: 260px; } }
        @media (max-width: 600px) {
          .main.about .honor_wrap .honor_cen .flipster_box .flipster ul li {
            width: 289px;
            height: 200px; } }
        @media (max-width: 450px) {
          .main.about .honor_wrap .honor_cen .flipster_box .flipster ul li {
            width: 202px;
            height: 140px; } }
  .main.contact #id1, .main.contact #id2 {
    width: 0;
    height: 0;
    position: relative;
    top: -86px; }
    @media (max-width: 1024px) {
      .main.contact #id1, .main.contact #id2 {
        top: -60px; } }
  .main.contact #id1 {
    top: -160px; }
    @media (max-width: 1024px) {
      .main.contact #id1 {
        top: -80px; } }
  .main.contact .contact_box .contact_top {
    position: relative;
    margin-top: -85px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); }
    @media (max-width: 1024px) {
      .main.contact .contact_box .contact_top {
        margin-top: -20px; } }
    .main.contact .contact_box .contact_top #map {
      position: absolute;
      left: 0;
      top: 0;
      width: 50%;
      height: 100%; }
      .main.contact .contact_box .contact_top #map .anchorBL {
        display: none; }
      @media (max-width: 800px) {
        .main.contact .contact_box .contact_top #map {
          position: static;
          width: 100%;
          height: 300px; } }
      @media (max-width: 600px) {
        .main.contact .contact_box .contact_top #map {
          height: 200px; } }
    .main.contact .contact_box .contact_top .radius {
      width: 124px;
      height: 124px;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -62px;
      margin-top: -62px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
      text-align: center;
      border-radius: 50%;
      background: #fff;
      z-index: 10; }
      @media (max-width: 800px) {
        .main.contact .contact_box .contact_top .radius {
          display: none; } }
      .main.contact .contact_box .contact_top .radius .tab {
        width: 100%;
        height: 100%;
        display: table; }
        .main.contact .contact_box .contact_top .radius .tab .tab_cell {
          display: table-cell;
          vertical-align: middle; }
          .main.contact .contact_box .contact_top .radius .tab .tab_cell .txt {
            font-size: 16px;
            line-height: 24px;
            color: #999;
            margin-top: 5px;
            font-weight: bold; }
            @media (max-width: 1024px) {
              .main.contact .contact_box .contact_top .radius .tab .tab_cell .txt {
                font-size: 14px;
                line-height: 20px; } }
      @media (max-width: 1024px) {
        .main.contact .contact_box .contact_top .radius {
          width: 110px;
          height: 110px;
          margin-left: -55px;
          margin-top: -55px; } }
    .main.contact .contact_box .contact_top .message {
      width: 50%;
      float: right;
      padding: 70px 3.33% 45px 11.5%;
      box-sizing: border-box;
      background: url(../images/mbg.jpg) no-repeat center center;
      background-size: cover; }
      @media (max-width: 1150px) {
        .main.contact .contact_box .contact_top .message {
          padding-left: 8%; } }
      @media (max-width: 1024px) {
        .main.contact .contact_box .contact_top .message {
          padding: 40px 5% 40px 8%; } }
      @media (max-width: 800px) {
        .main.contact .contact_box .contact_top .message {
          width: 100%;
          float: none;
          padding: 20px; } }
      .main.contact .contact_box .contact_top .message .tel {
        font-size: 36px;
        line-height: 40px;
        color: #fff;
        font-family: "CENTURYGOTHIC-BOLD";
        font-weight: bold; }
        @media (max-width: 1024px) {
          .main.contact .contact_box .contact_top .message .tel {
            font-size: 32px;
            line-height: 38px; } }
        @media (max-width: 768px) {
          .main.contact .contact_box .contact_top .message .tel {
            font-size: 26px;
            line-height: 30px; } }
      .main.contact .contact_box .contact_top .message .company_msg {
        margin-top: 28px; }
        @media (max-width: 1024px) {
          .main.contact .contact_box .contact_top .message .company_msg {
            margin-top: 18px; } }
        @media (max-width: 600px) {
          .main.contact .contact_box .contact_top .message .company_msg {
            margin-top: 8px; } }
        .main.contact .contact_box .contact_top .message .company_msg .t {
          font-size: 18px;
          line-height: 24px;
          color: #fff;
          font-weight: bold; }
          @media (max-width: 1024px) {
            .main.contact .contact_box .contact_top .message .company_msg .t {
              font-size: 16px;
              line-height: 20px; } }
        .main.contact .contact_box .contact_top .message .company_msg .con {
          margin-top: 5px;
          font-size: 16px;
          line-height: 26px;
          color: #fff; }
          @media (max-width: 1150px) {
            .main.contact .contact_box .contact_top .message .company_msg .con {
              font-size: 15px;
              line-height: 24px; } }
          @media (max-width: 1024px) {
            .main.contact .contact_box .contact_top .message .company_msg .con {
              font-size: 14px;
              line-height: 24px; } }
        .main.contact .contact_box .contact_top .message .company_msg .code_box {
          margin-top: 34px;
          display: inline-block; }
          @media (max-width: 1024px) {
            .main.contact .contact_box .contact_top .message .company_msg .code_box {
              margin-top: 25px; } }
          @media (max-width: 600px) {
            .main.contact .contact_box .contact_top .message .company_msg .code_box {
              margin-top: 10px; } }
          .main.contact .contact_box .contact_top .message .company_msg .code_box .code {
            width: 120px;
            height: 120px;
            background: #fff;
            position: relative; }
            @media (max-width: 1024px) {
              .main.contact .contact_box .contact_top .message .company_msg .code_box .code {
                width: 110px;
                height: 110px; } }
            @media (max-width: 600px) {
              .main.contact .contact_box .contact_top .message .company_msg .code_box .code {
                width: 80px;
                height: 80px; } }
            .main.contact .contact_box .contact_top .message .company_msg .code_box .code img {
              position: absolute;
              left: 0;
              top: 0;
              right: 0;
              bottom: 0;
              max-width: 85%;
              max-height: 85%;
              margin: auto; }
          .main.contact .contact_box .contact_top .message .company_msg .code_box .txt {
            font-size: 14px;
            line-height: 24px;
            color: #fff;
            text-align: center;
            margin-top: 10px; }
            @media (max-width: 600px) {
              .main.contact .contact_box .contact_top .message .company_msg .code_box .txt {
                margin-top: 5px; } }
  .main.contact .contact_box .store .store_tit {
    padding-top: 52px;
    padding-bottom: 30px;
    text-align: center; }
    @media (max-width: 1024px) {
      .main.contact .contact_box .store .store_tit {
        padding-top: 40px;
        padding-bottom: 30px; } }
    @media (max-width: 600px) {
      .main.contact .contact_box .store .store_tit {
        padding-top: 20px;
        padding-bottom: 20px; } }
    .main.contact .contact_box .store .store_tit .cn {
      font-size: 24px;
      line-height: 30px;
      color: #454545; }
      @media (max-width: 1024px) {
        .main.contact .contact_box .store .store_tit .cn {
          font-size: 20px;
          line-height: 30px; } }
      @media (max-width: 768px) {
        .main.contact .contact_box .store .store_tit .cn {
          font-size: 18px;
          line-height: 20px; } }
    .main.contact .contact_box .store .store_tit .en {
      font-size: 18px;
      line-height: 24px;
      color: #999;
      font-family: Arial;
      text-transform: uppercase; }
      @media (max-width: 1024px) {
        .main.contact .contact_box .store .store_tit .en {
          font-size: 16px;
          line-height: 20px; } }
      @media (max-width: 768px) {
        .main.contact .contact_box .store .store_tit .en {
          font-size: 14px;
          line-height: 20px; } }
  .main.contact .contact_box .store .store_list {
    padding-bottom: 50px; }
    @media (max-width: 600px) {
      .main.contact .contact_box .store .store_list {
        padding-bottom: 30px; } }
    .main.contact .contact_box .store .store_list .ul .li {
      position: relative;
      border: 1px solid #ececec;
      box-sizing: border-box;
      margin-top: 18px;
      padding-left: 21.33%;
      background: #effcf5; }
      @media (max-width: 800px) {
        .main.contact .contact_box .store .store_list .ul .li {
          padding-left: 0; } }
      .main.contact .contact_box .store .store_list .ul .li.li2 {
        background: #fff7ee; }
        .main.contact .contact_box .store .store_list .ul .li.li2 .list ul li {
          border-color: #dcd1c4; }
          .main.contact .contact_box .store .store_list .ul .li.li2 .list ul li .name {
            color: #ff9313; }
        .main.contact .contact_box .store .store_list .ul .li.li2 .mode .mbox .txt {
          color: #ff9313; }
      .main.contact .contact_box .store .store_list .ul .li.li3 {
        background: #fcf6f8; }
        .main.contact .contact_box .store .store_list .ul .li.li3 .list ul li {
          border-color: #e3d3d8; }
          .main.contact .contact_box .store .store_list .ul .li.li3 .list ul li .name {
            color: #cb768e; }
        .main.contact .contact_box .store .store_list .ul .li.li3 .mode .mbox .txt {
          color: #db7a9b; }
      .main.contact .contact_box .store .store_list .ul .li.li4 {
        background: #eaf0f8; }
        .main.contact .contact_box .store .store_list .ul .li.li4 .list ul li {
          border-color: #cdd5de; }
          .main.contact .contact_box .store .store_list .ul .li.li4 .list ul li .name {
            color: #407aba; }
        .main.contact .contact_box .store .store_list .ul .li.li4 .mode .mbox .txt {
          color: #407aba; }
      .main.contact .contact_box .store .store_list .ul .li.less .list ul li {
        border-bottom: none; }
        @media (max-width: 550px) {
          .main.contact .contact_box .store .store_list .ul .li.less .list ul li {
            border-bottom: 1px dashed #ccc; } }
        .main.contact .contact_box .store .store_list .ul .li.less .list ul li:last-child {
          border-right: none; }
      .main.contact .contact_box .store .store_list .ul .li:first-child {
        margin-top: 0; }
      .main.contact .contact_box .store .store_list .ul .li .list {
        padding: 35px 30px; }
        @media (max-width: 800px) {
          .main.contact .contact_box .store .store_list .ul .li .list {
            padding: 20px 15px; } }
        @media (max-width: 550px) {
          .main.contact .contact_box .store .store_list .ul .li .list {
            padding-top: 10px; } }
        .main.contact .contact_box .store .store_list .ul .li .list ul {
          font-size: 0;
          overflow: hidden;
          margin-bottom: -1px; }
          .main.contact .contact_box .store .store_list .ul .li .list ul li {
            width: 33.33%;
            margin-top: -1px;
            display: inline-block;
            vertical-align: top;
            padding: 0 25px;
            box-sizing: border-box;
            border-right: 1px dashed #c2d3cb;
            border-bottom: 1px dashed #c2d3cb; }
            .main.contact .contact_box .store .store_list .ul .li .list ul li:nth-child(3n) {
              border-right: none; }
            @media (max-width: 1024px) {
              .main.contact .contact_box .store .store_list .ul .li .list ul li {
                width: 50%;
                border: none; } }
            @media (max-width: 800px) {
              .main.contact .contact_box .store .store_list .ul .li .list ul li {
                padding: 0 10px; } }
            @media (max-width: 550px) {
              .main.contact .contact_box .store .store_list .ul .li .list ul li {
                padding: 10px 0;
                width: 100%;
                border-bottom: 1px dashed #ccc;
                height: auto !important; }
                .main.contact .contact_box .store .store_list .ul .li .list ul li:last-child {
                  border: none !important; } }
            .main.contact .contact_box .store .store_list .ul .li .list ul li.none {
              border-bottom: none;
              border-top: 1px dashed #c2d3cb; }
              .main.contact .contact_box .store .store_list .ul .li .list ul li.none .name {
                padding-top: 20px; }
                @media (max-width: 800px) {
                  .main.contact .contact_box .store .store_list .ul .li .list ul li.none .name {
                    padding-top: 0; } }
              @media (max-width: 1024px) {
                .main.contact .contact_box .store .store_list .ul .li .list ul li.none {
                  border: none; } }
              @media (max-width: 550px) {
                .main.contact .contact_box .store .store_list .ul .li .list ul li.none {
                  border-bottom: 1px dashed #c2d3cb; } }
            .main.contact .contact_box .store .store_list .ul .li .list ul li .name {
              font-size: 18px;
              line-height: 28px;
              color: #e50012; }
              @media (max-width: 1200px) {
                .main.contact .contact_box .store .store_list .ul .li .list ul li .name {
                  font-size: 16px;
                  line-height: 24px; } }
            .main.contact .contact_box .store .store_list .ul .li .list ul li .address {
              font-size: 14px;
              line-height: 24px;
              color: #666;
              margin-top: 7px; }
              @media (max-width: 1200px) {
                .main.contact .contact_box .store .store_list .ul .li .list ul li .address {
                  line-height: 20px; } }
      .main.contact .contact_box .store .store_list .ul .li .mode {
        position: absolute;
        left: 0;
        width: 21.33%;
        border-right: 1px solid #ececec;
        top: 0;
        height: 100%;
        background: #f9f9f9;
        box-sizing: border-box;
        text-align: center;
        padding: 0 5px;
        box-sizing: border-box; }
        @media (max-width: 800px) {
          .main.contact .contact_box .store .store_list .ul .li .mode {
            width: 100%;
            border-right: none;
            position: static;
            border-bottom: 1px solid #ececec;
            padding: 15px 0; } }
        .main.contact .contact_box .store .store_list .ul .li .mode .mbox {
          position: absolute;
          left: 0;
          top: 50%;
          margin-top: -90px;
          width: 100%; }
          @media (max-width: 1200px) {
            .main.contact .contact_box .store .store_list .ul .li .mode .mbox {
              margin-top: -80px; } }
          @media (max-width: 800px) {
            .main.contact .contact_box .store .store_list .ul .li .mode .mbox {
              margin-top: 0;
              position: static; } }
          .main.contact .contact_box .store .store_list .ul .li .mode .mbox .pic {
            width: 140px;
            height: 140px;
            overflow: hidden;
            border-radius: 50%;
            margin-left: auto;
            margin-right: auto; }
            @media (max-width: 1200px) {
              .main.contact .contact_box .store .store_list .ul .li .mode .mbox .pic {
                width: 120px;
                height: 120px; } }
            @media (max-width: 800px) {
              .main.contact .contact_box .store .store_list .ul .li .mode .mbox .pic {
                width: 70px;
                height: 70px; } }
            .main.contact .contact_box .store .store_list .ul .li .mode .mbox .pic img {
              width: 100%;
              height: auto;
              display: block;
              border-radius: 50%; }
          .main.contact .contact_box .store .store_list .ul .li .mode .mbox .txt {
            font-size: 24px;
            line-height: 30px;
            color: #e50012;
            margin-top: 12px; }
            @media (max-width: 1024px) {
              .main.contact .contact_box .store .store_list .ul .li .mode .mbox .txt {
                font-size: 20px;
                line-height: 30px;
                margin-top: 5px; } }
            @media (max-width: 800px) {
              .main.contact .contact_box .store .store_list .ul .li .mode .mbox .txt {
                font-size: 18px;
                line-height: 24px; } }
  .main.support .certification_box .certification_cen {
    padding-bottom: 115px;
    padding-top: 145px; }
    @media (max-width: 1024px) {
      .main.support .certification_box .certification_cen {
        padding-top: 120px;
        padding-bottom: 95px; } }
    @media (max-width: 600px) {
      .main.support .certification_box .certification_cen {
        padding-top: 40px;
        padding-bottom: 30px; } }
    .main.support .certification_box .certification_cen .certification_img {
      float: right;
      width: 46.58%; }
      @media (min-width: 1024px) {
        .main.support .certification_box .certification_cen .certification_img {
          transform: translate(100px, 40px);
          opacity: 0; }
          .main.support .certification_box .certification_cen .certification_img.animate {
            transform: translate(0px, 0px);
            opacity: 1;
            transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1), box-shadow 0.5s ease-out; } }
      @media (max-width: 550px) {
        .main.support .certification_box .certification_cen .certification_img {
          width: 80%;
          float: none;
          margin-top: 15px; } }
      .main.support .certification_box .certification_cen .certification_img img {
        width: 100%;
        height: auto; }
    .main.support .certification_box .certification_cen .text_box {
      float: left;
      margin-left: 5.8%;
      width: 40%; }
      @media (max-width: 1024px) {
        .main.support .certification_box .certification_cen .text_box {
          margin-left: 2%;
          width: 44%; } }
      @media (max-width: 550px) {
        .main.support .certification_box .certification_cen .text_box {
          margin-left: 0;
          width: 100%;
          margin-bottom: 15px; } }
      .main.support .certification_box .certification_cen .text_box .t {
        font-size: 36px;
        line-height: 44px;
        color: #454545; }
        @media (max-width: 1200px) {
          .main.support .certification_box .certification_cen .text_box .t {
            font-size: 30px;
            line-height: 40px; } }
        @media (max-width: 768px) {
          .main.support .certification_box .certification_cen .text_box .t {
            font-size: 22px;
            line-height: 30px; } }
      .main.support .certification_box .certification_cen .text_box .con {
        font-size: 14px;
        line-height: 28px;
        margin-top: 35px;
        transition-delay: 0.2s;
        color: #666; }
        @media (max-width: 1200px) {
          .main.support .certification_box .certification_cen .text_box .con {
            margin-top: 20px; } }
        @media (max-width: 768px) {
          .main.support .certification_box .certification_cen .text_box .con {
            font-size: 13px;
            line-height: 22px;
            margin-top: 10px; } }
        .main.support .certification_box .certification_cen .text_box .con span {
          text-decoration: underline; }
        .main.support .certification_box .certification_cen .text_box .con.animate {
          transition: transform 0.6s 0.1s ease-out, opacity 0.5s 0.1s cubic-bezier(0.445, 0.145, 0.355, 1); }
      .main.support .certification_box .certification_cen .text_box .pic {
        border-radius: 4px;
        width: 70.6%;
        margin-top: 40px;
        display: inline-block;
        overflow: hidden;
        transition-delay: 0.5s; }
        @media (max-width: 1200px) {
          .main.support .certification_box .certification_cen .text_box .pic {
            margin-top: 30px; } }
        @media (max-width: 768px) {
          .main.support .certification_box .certification_cen .text_box .pic {
            margin-top: 15px;
            width: 85%; } }
        @media (max-width: 550px) {
          .main.support .certification_box .certification_cen .text_box .pic {
            display: none; } }
        .main.support .certification_box .certification_cen .text_box .pic img {
          width: 100%;
          height: auto; }
        .main.support .certification_box .certification_cen .text_box .pic.animate {
          transition: transform 0.6s 0.2s ease-out, opacity 0.5s 0.2s cubic-bezier(0.445, 0.145, 0.355, 1); }
  .main.support .support_top {
    overflow: hidden; }
    .main.support .support_top .support_cen {
      padding-bottom: 64px;
      padding-top: 120px;
      position: relative; }
      @media (max-width: 1200px) {
        .main.support .support_top .support_cen {
          padding-top: 100px; } }
      @media (max-width: 1024px) {
        .main.support .support_top .support_cen {
          padding-top: 70px; } }
      @media (max-width: 768px) {
        .main.support .support_top .support_cen {
          padding: 40px 0; } }
      @media (max-width: 550px) {
        .main.support .support_top .support_cen {
          padding-top: 30px;
          padding-bottom: 0; } }
      .main.support .support_top .support_cen .people {
        position: absolute;
        width: 43.5%;
        bottom: 0;
        left: 4%; }
        .main.support .support_top .support_cen .people img {
          width: 100%;
          height: auto;
          display: block; }
        @media (max-width: 1024px) {
          .main.support .support_top .support_cen .people {
            left: 0;
            width: 46%; } }
        @media (max-width: 900px) {
          .main.support .support_top .support_cen .people {
            width: 54%; } }
        @media (max-width: 768px) {
          .main.support .support_top .support_cen .people {
            width: 60%; } }
        @media (max-width: 550px) {
          .main.support .support_top .support_cen .people {
            position: static;
            width: 66%;
            margin-left: auto;
            margin-right: auto; } }
      .main.support .support_top .support_cen .text_box {
        float: right;
        margin-right: 4.58%;
        width: 40%;
        text-align: right; }
        @media (max-width: 1024px) {
          .main.support .support_top .support_cen .text_box {
            margin-right: 2%;
            width: 44%; } }
        @media (max-width: 550px) {
          .main.support .support_top .support_cen .text_box {
            margin-right: 0;
            width: 100%;
            margin-bottom: 15px; } }
        .main.support .support_top .support_cen .text_box .t {
          font-size: 36px;
          line-height: 44px;
          color: #454545;
          text-align: right; }
          @media (max-width: 1200px) {
            .main.support .support_top .support_cen .text_box .t {
              font-size: 30px;
              line-height: 40px; } }
          @media (max-width: 768px) {
            .main.support .support_top .support_cen .text_box .t {
              font-size: 22px;
              line-height: 30px; } }
        .main.support .support_top .support_cen .text_box .con {
          text-align: right;
          font-size: 14px;
          line-height: 28px;
          margin-top: 35px;
          transition-delay: 0.2s;
          color: #666; }
          @media (max-width: 1200px) {
            .main.support .support_top .support_cen .text_box .con {
              margin-top: 20px; } }
          @media (max-width: 768px) {
            .main.support .support_top .support_cen .text_box .con {
              font-size: 13px;
              line-height: 22px;
              margin-top: 10px; } }
          .main.support .support_top .support_cen .text_box .con span {
            text-decoration: underline; }
          .main.support .support_top .support_cen .text_box .con.animate {
            transition: transform 0.6s 0.1s ease-out, opacity 0.5s 0.1s cubic-bezier(0.445, 0.145, 0.355, 1); }
        .main.support .support_top .support_cen .text_box .pic {
          border-radius: 4px;
          width: 70.6%;
          margin-top: 40px;
          display: inline-block;
          overflow: hidden;
          transition-delay: 0.5s; }
          @media (max-width: 1200px) {
            .main.support .support_top .support_cen .text_box .pic {
              margin-top: 30px; } }
          @media (max-width: 768px) {
            .main.support .support_top .support_cen .text_box .pic {
              margin-top: 15px;
              width: 85%; } }
          @media (max-width: 550px) {
            .main.support .support_top .support_cen .text_box .pic {
              display: none; } }
          .main.support .support_top .support_cen .text_box .pic img {
            width: 100%;
            height: auto; }
          .main.support .support_top .support_cen .text_box .pic.animate {
            transition: transform 0.6s 0.2s ease-out, opacity 0.5s 0.2s cubic-bezier(0.445, 0.145, 0.355, 1); }
  .main.support .img_box {
    overflow: hidden; }
    .main.support .img_box img {
      width: 100%;
      height: auto; }
      @media (max-width: 1024px) {
        .main.support .img_box img {
          width: 130%;
          margin-left: -15%; } }
      @media (max-width: 500px) {
        .main.support .img_box img {
          width: 190%;
          margin-left: -45%; } }
  .main.support .standard {
    padding-top: 133px;
    padding-bottom: 90px; }
    @media (max-width: 1024px) {
      .main.support .standard {
        padding-top: 110px;
        padding-bottom: 80px; } }
    @media (max-width: 600px) {
      .main.support .standard {
        padding-top: 30px;
        padding-bottom: 30px; } }
    .main.support .standard .t {
      text-align: center;
      font-size: 36px;
      line-height: 44px;
      color: #454545; }
      @media (max-width: 1200px) {
        .main.support .standard .t {
          font-size: 30px;
          line-height: 40px; } }
      @media (max-width: 768px) {
        .main.support .standard .t {
          font-size: 22px;
          line-height: 30px; } }
    .main.support .standard .process {
      font-size: 0;
      margin-top: 23px;
      text-align: center; }
      @media (max-width: 800px) {
        .main.support .standard .process {
          margin-top: 15px; } }
      .main.support .standard .process .radius {
        display: inline-block;
        vertical-align: top;
        width: 110px;
        height: 110px;
        border: 3px solid #e50012;
        position: relative;
        box-sizing: border-box;
        border-radius: 50%; }
        @media (max-width: 1024px) {
          .main.support .standard .process .radius {
            width: 90px;
            height: 90px; } }
        @media (max-width: 800px) {
          .main.support .standard .process .radius {
            margin: 5px; } }
        @media (max-width: 450px) {
          .main.support .standard .process .radius {
            width: 80px;
            height: 80px;
            border-width: 2px; } }
        .main.support .standard .process .radius .txt {
          position: absolute;
          left: 0;
          top: 50%;
          font-size: 16px;
          line-height: 24px;
          color: #e50012;
          text-align: center;
          width: 100%;
          padding: 0 5px;
          box-sizing: border-box;
          margin-top: -12px; }
          @media (max-width: 1024px) {
            .main.support .standard .process .radius .txt {
              font-size: 14px;
              line-height: 20px;
              margin-top: -10px; } }
          @media (max-width: 450px) {
            .main.support .standard .process .radius .txt {
              font-size: 13px;
              line-height: 20px; } }
      .main.support .standard .process .icon {
        display: inline-block;
        vertical-align: top;
        width: 38px;
        height: 110px;
        background: url(../images/j.jpg) no-repeat center center; }
        @media (max-width: 1024px) {
          .main.support .standard .process .icon {
            width: 30px;
            height: 90px; } }
        @media (max-width: 800px) {
          .main.support .standard .process .icon {
            display: none; } }
    .main.support .standard .cont {
      text-align: center;
      font-size: 14px;
      line-height: 28px;
      margin-top: 35px;
      color: #666; }
      @media (max-width: 600px) {
        .main.support .standard .cont {
          font-size: 13px;
          line-height: 22px;
          margin-top: 15px; } }
      .main.support .standard .cont span {
        text-decoration: underline; }
  .main.login {
    padding-top: 0; }
    .main.login .box {
      padding-top: 92px;
      padding-bottom: 65px; }
      @media (max-width: 768px) {
        .main.login .box {
          padding-top: 50px;
          padding-bottom: 40px; } }
      @media (max-width: 600px) {
        .main.login .box {
          padding: 30px 0; } }
      .main.login .box .con {
        margin-right: 8.9%;
        width: 360px;
        background: #fff;
        padding: 34px 25px;
        box-sizing: border-box;
        float: right; }
        @media (max-width: 1024px) {
          .main.login .box .con {
            margin-right: 0; } }
        @media (max-width: 768px) {
          .main.login .box .con {
            padding: 20px; } }
        @media (max-width: 450px) {
          .main.login .box .con {
            width: 100%; } }
        .main.login .box .con .ti {
          padding-bottom: 30px;
          border-bottom: 1px solid #e8e8e8; }
          @media (max-width: 768px) {
            .main.login .box .con .ti {
              padding-bottom: 15px; } }
          .main.login .box .con .ti .t {
            font-size: 20px;
            line-height: 30px;
            color: #666;
            font-weight: bold;
            margin-top: 5px;
            float: left; }
            @media (max-width: 768px) {
              .main.login .box .con .ti .t {
                font-size: 18px;
                line-height: 28px; } }
          .main.login .box .con .ti a {
            display: block;
            float: right;
            width: 84px;
            height: 34px;
            border: 1px solid #e9e9e9;
            border-radius: 5px;
            font-size: 0;
            text-align: center; }
            .main.login .box .con .ti a .txt {
              font-size: 12px;
              line-height: 34px;
              color: #ff9313;
              display: inline-block;
              vertical-align: middle;
              margin: 0 2px; }
            .main.login .box .con .ti a .ico {
              margin: 0 2px;
              width: 14px;
              height: 14px;
              background: url(../images/round.png) no-repeat center center;
              display: inline-block;
              vertical-align: middle; }
        .main.login .box .con .form {
          margin-top: 10px;
          padding-bottom: 16px; }
          @media (max-width: 768px) {
            .main.login .box .con .form {
              padding-bottom: 0;
              padding-top: 10px; } }
          .main.login .box .con .form .input_group2 {
            padding-right: 52px;
            margin-top: 10px;
            position: relative; }
            .main.login .box .con .form .input_group2 .change {
              position: absolute;
              right: 0;
              top: 0;
              font-size: 14px;
              line-height: 46px;
              color: #aeaeae;
              cursor: pointer; }
              @media (max-width: 768px) {
                .main.login .box .con .form .input_group2 .change {
                  line-height: 40px; } }
            .main.login .box .con .form .input_group2 .input_box {
              border: 1px solid #e8e8e8;
              border-radius: 3px;
              position: relative;
              height: 46px;
              width: 100%;
              padding-right: 98px;
              box-sizing: border-box; }
              @media (max-width: 768px) {
                .main.login .box .con .form .input_group2 .input_box {
                  height: 40px; } }
              .main.login .box .con .form .input_group2 .input_box .code {
                width: 97px;
                height: 100%;
                position: absolute;
                right: 0;
                top: 0;
                border-left: 1px solid #e8e8e8; }
                .main.login .box .con .form .input_group2 .input_box .code img {
                  position: absolute;
                  left: 0;
                  top: 0;
                  margin: auto;
                  bottom: 0;
                  right: 0;
                  max-width: 100%;
                  max-height: 100%; }
              .main.login .box .con .form .input_group2 .input_box input {
                width: 100%;
                padding: 0 10px;
                font-size: 14px;
                line-height: 46px;
                margin: 0;
                box-sizing: border-box;
                color: #aaaaaa;
                background: none; }
                @media (max-width: 768px) {
                  .main.login .box .con .form .input_group2 .input_box input {
                    line-height: 40px; } }
          .main.login .box .con .form .input_group {
            height: 46px;
            border: 1px solid #e8e8e8;
            border-radius: 3px;
            margin-top: 10px;
            padding-left: 45px;
            position: relative; }
            @media (max-width: 768px) {
              .main.login .box .con .form .input_group {
                height: 40px; } }
            .main.login .box .con .form .input_group input {
              width: 100%;
              padding: 0 10px;
              font-size: 14px;
              line-height: 46px;
              margin: 0;
              box-sizing: border-box;
              color: #aaaaaa;
              background: none; }
              @media (max-width: 768px) {
                .main.login .box .con .form .input_group input {
                  line-height: 40px; } }
            .main.login .box .con .form .input_group .ico {
              position: absolute;
              left: 0;
              top: 5px;
              bottom: 5px;
              width: 45px;
              border-right: 1px solid #e8e8e8; }
              .main.login .box .con .form .input_group .ico img {
                position: absolute;
                left: 0;
                top: 0;
                margin: auto;
                bottom: 0;
                right: 0;
                max-width: 60%;
                max-height: 60%;
                margin: auto; }
          .main.login .box .con .form .submit {
            border-radius: 3px;
            background-color: #ff9313;
            width: 100%;
            height: 42px;
            display: block;
            border: none;
            font-size: 16px;
            line-height: 42px;
            color: #fff;
            text-align: center;
            margin-top: 20px; }
            @media (max-width: 768px) {
              .main.login .box .con .form .submit {
                height: 36px;
                margin-top: 15px;
                font-size: 15px;
                line-height: 36px; } }
          .main.login .box .con .form .forget {
            margin-top: 15px; }
            .main.login .box .con .form .forget a {
              float: right;
              display: block;
              font-size: 12px;
              line-height: 18px;
              color: #666; }
              @media (min-width: 1024px) {
                .main.login .box .con .form .forget a:hover {
                  color: #e50012; } }
            .main.login .box .con .form .forget label {
              display: block;
              float: left;
              font-size: 12px;
              line-height: 18px;
              color: #6c6c6c; }
              .main.login .box .con .form .forget label input[type="checkbox"] {
                -webkit-appearance: none;
                appearance: none;
                margin-right: 8px;
                background-color: #fff;
                width: 14px;
                height: 14px;
                border: 1px solid #e8e8e8;
                display: inline-block;
                vertical-align: -2px; }
              .main.login .box .con .form .forget label input[type=checkbox]:checked {
                background: url(../images/g.png) no-repeat center center; }
    .main.login .login_box {
      padding-bottom: 105px; }
      @media (max-width: 850px) {
        .main.login .login_box {
          padding-bottom: 85px; } }
      @media (max-width: 600px) {
        .main.login .login_box {
          padding-bottom: 35px; } }
      .main.login .login_box.bg {
        padding-bottom: 0; }
        @media (max-width: 600px) {
          .main.login .login_box.bg {
            background: #f0f1f1 !important; } }
      .main.login .login_box .register_box {
        padding-top: 60px;
        width: 822px;
        margin-left: auto;
        margin-right: auto; }
        @media (max-width: 850px) {
          .main.login .login_box .register_box {
            width: 94%;
            padding-top: 45px; } }
        @media (max-width: 600px) {
          .main.login .login_box .register_box {
            padding-top: 20px; } }
        .main.login .login_box .register_box .t {
          font-size: 20px;
          line-height: 34px;
          color: #ff9313;
          font-weight: bold;
          text-align: center; }
          @media (max-width: 768px) {
            .main.login .login_box .register_box .t {
              font-size: 18px;
              line-height: 28px; } }
        .main.login .login_box .register_box .form {
          width: 100%;
          background: #fff;
          margin-top: 30px;
          padding: 62px 110px 92px 110px;
          box-sizing: border-box; }
          @media (max-width: 850px) {
            .main.login .login_box .register_box .form {
              padding: 40px 30px 60px 30px; } }
          @media (max-width: 600px) {
            .main.login .login_box .register_box .form {
              padding: 20px 15px; } }
          .main.login .login_box .register_box .form .ds {
            text-align: center;
            font-size: 14px;
            line-height: 20px;
            color: #454545;
            margin-top: 10px; }
            .main.login .login_box .register_box .form .ds a {
              color: #ff9313; }
          .main.login .login_box .register_box .form .form_top {
            padding-left: 65px;
            padding-right: 90px; }
            @media (max-width: 850px) {
              .main.login .login_box .register_box .form .form_top {
                padding: 0 50px; } }
            @media (max-width: 600px) {
              .main.login .login_box .register_box .form .form_top {
                padding: 0; } }
            .main.login .login_box .register_box .form .form_top .input_group {
              position: relative;
              padding-left: 100px; }
              @media (max-width: 450px) {
                .main.login .login_box .register_box .form .form_top .input_group {
                  padding-left: 0; } }
              .main.login .login_box .register_box .form .form_top .input_group .submit {
                border-radius: 3px;
                background-color: #ff9313;
                width: 100%;
                height: 42px;
                display: block;
                border: none;
                font-size: 16px;
                line-height: 42px;
                color: #fff;
                text-align: center;
                margin-top: 20px; }
                @media (max-width: 768px) {
                  .main.login .login_box .register_box .form .form_top .input_group .submit {
                    height: 36px;
                    margin-top: 15px;
                    font-size: 15px;
                    line-height: 36px; } }
              .main.login .login_box .register_box .form .form_top .input_group .txt {
                font-size: 14px;
                line-height: 20px;
                color: #454545;
                text-align: center;
                margin-top: 16px; }
                .main.login .login_box .register_box .form .form_top .input_group .txt a {
                  color: #ff9313; }
              .main.login .login_box .register_box .form .form_top .input_group label {
                width: 90px;
                font-size: 14px;
                line-height: 46px;
                color: #454545;
                text-align: right;
                position: absolute;
                left: 0;
                top: 0; }
                @media (max-width: 768px) {
                  .main.login .login_box .register_box .form .form_top .input_group label {
                    line-height: 40px; } }
                @media (max-width: 450px) {
                  .main.login .login_box .register_box .form .form_top .input_group label {
                    display: block;
                    position: static;
                    width: 100%;
                    text-align: left;
                    line-height: 22px;
                    margin-top: 10px; } }
              .main.login .login_box .register_box .form .form_top .input_group .input_box {
                position: relative;
                height: 46px;
                border: 1px solid #e8e8e8;
                border-radius: 3px;
                margin-top: 10px;
                padding-left: 45px;
                position: relative; }
                .main.login .login_box .register_box .form .form_top .input_group .input_box.verification {
                  padding-right: 106px; }
                @media (max-width: 768px) {
                  .main.login .login_box .register_box .form .form_top .input_group .input_box {
                    height: 40px; } }
                .main.login .login_box .register_box .form .form_top .input_group .input_box .btn {
                  width: 106px;
                  border: none;
                  border-left: 1px solid #e8e8e8;
                  position: absolute;
                  right: 0;
                  top: 0;
                  height: 100%;
                  box-sizing: border-box;
                  background: none;
                  padding: 0;
                  margin: 0;
                  color: #999; }
                .main.login .login_box .register_box .form .form_top .input_group .input_box .code {
                  width: 106px;
                  border: none;
                  border-left: 1px solid #e8e8e8;
                  position: absolute;
                  right: 0;
                  top: 0;
                  height: 100%;
                  box-sizing: border-box;
                  background: none;
                  padding: 0;
                  margin: 0; }
                  .main.login .login_box .register_box .form .form_top .input_group .input_box .code img {
                    position: absolute;
                    left: 0;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    margin: auto;
                    max-width: 100%;
                    max-height: 100%; }
                .main.login .login_box .register_box .form .form_top .input_group .input_box .text {
                  width: 100%;
                  padding: 0 10px;
                  font-size: 14px;
                  line-height: 46px;
                  margin: 0;
                  box-sizing: border-box;
                  color: #aaaaaa;
                  background: none; }
                  @media (max-width: 768px) {
                    .main.login .login_box .register_box .form .form_top .input_group .input_box .text {
                      line-height: 40px; } }
                .main.login .login_box .register_box .form .form_top .input_group .input_box .ico {
                  position: absolute;
                  left: 0;
                  top: 5px;
                  bottom: 5px;
                  width: 45px;
                  border-right: 1px solid #e8e8e8; }
                  .main.login .login_box .register_box .form .form_top .input_group .input_box .ico img {
                    position: absolute;
                    left: 0;
                    top: 0;
                    margin: auto;
                    bottom: 0;
                    right: 0;
                    max-width: 60%;
                    max-height: 60%;
                    margin: auto; }
    .main.login .member_box {
      padding-top: 45px; }
      @media (max-width: 600px) {
        .main.login .member_box {
          padding-top: 25px; } }
      .main.login .member_box .position {
        padding-left: 33px;
        font-size: 14px;
        line-height: 24px;
        color: #454545;
        background: url(../images/home.png) no-repeat left center; }
        @media (max-width: 1024px) {
          .main.login .member_box .position {
            display: none; } }
        .main.login .member_box .position a {
          color: #454545; }
          @media (min-width: 1024px) {
            .main.login .member_box .position a:hover {
              color: #e50012; } }
      .main.login .member_box .member_nav {
        margin-top: 30px;
        margin-bottom: 5px; }
        @media (max-width: 600px) {
          .main.login .member_box .member_nav {
            margin-top: 0; } }
        .main.login .member_box .member_nav .location_box {
          display: none;
          margin-top: 15px; }
          @media (max-width: 900px) {
            .main.login .member_box .member_nav .location_box {
              display: block; } }
          .main.login .member_box .member_nav .location_box .location_top {
            font-size: 16px;
            line-height: 30px;
            color: #454545;
            padding: 10px 0;
            border-bottom: 1px solid #e8e8e8;
            position: relative; }
            .main.login .member_box .member_nav .location_box .location_top.active::after {
              transform: rotate(90deg); }
            .main.login .member_box .member_nav .location_box .location_top::after {
              content: '';
              position: absolute;
              right: 0;
              width: 8px;
              height: 15px;
              background: url(../images/fr.png) no-repeat;
              background-size: cover;
              top: 50%;
              margin-top: -8px; }
          .main.login .member_box .member_nav .location_box ul {
            display: none; }
            .main.login .member_box .member_nav .location_box ul li {
              font-size: 14px;
              line-height: 24px;
              color: #454545;
              padding: 10px 0;
              border-bottom: 1px solid #e8e8e8; }
              .main.login .member_box .member_nav .location_box ul li a {
                color: #454545; }
        .main.login .member_box .member_nav .member_r {
          margin-left: 250px; }
          @media (max-width: 900px) {
            .main.login .member_box .member_nav .member_r {
              margin-left: 0;
              margin-top: 20px; } }
          .main.login .member_box .member_nav .member_r .member_b {
            border: 1px solid #e9e9e9; }
            @media (max-width: 900px) {
              .main.login .member_box .member_nav .member_r .member_b {
                min-height: auto !important; } }
            .main.login .member_box .member_nav .member_r .member_b .classification {
              height: 46px;
              background: #f7f7f7;
              border-bottom: 1px solid #e9e9e9; }
              @media (max-width: 700px) {
                .main.login .member_box .member_nav .member_r .member_b .classification {
                  height: auto;
                  border-bottom: none; } }
              .main.login .member_box .member_nav .member_r .member_b .classification a {
                background: #fff;
                display: block;
                border: 1px solid #e9e9e9;
                margin-top: -1px;
                margin-left: -1px;
                width: 170px;
                font-size: 15px;
                line-height: 46px;
                float: left;
                color: #666;
                position: relative;
                text-align: center; }
                .main.login .member_box .member_nav .member_r .member_b .classification a.active {
                  border-bottom-color: #fff;
                  color: #e50012; }
                  .main.login .member_box .member_nav .member_r .member_b .classification a.active::before {
                    transform-origin: left center;
                    transform: scaleX(1); }
                @media (max-width: 1100px) {
                  .main.login .member_box .member_nav .member_r .member_b .classification a {
                    width: 150px; } }
                @media (max-width: 950px) {
                  .main.login .member_box .member_nav .member_r .member_b .classification a {
                    width: 136px; } }
                @media (max-width: 700px) {
                  .main.login .member_box .member_nav .member_r .member_b .classification a {
                    width: auto;
                    padding: 0 20px;
                    font-size: 14px;
                    line-height: 40px; } }
                @media (max-width: 550px) {
                  .main.login .member_box .member_nav .member_r .member_b .classification a {
                    padding: 0 10px;
                    font-size: 13px; } }
                @media (max-width: 450px) {
                  .main.login .member_box .member_nav .member_r .member_b .classification a {
                    font-size: 12px; } }
                .main.login .member_box .member_nav .member_r .member_b .classification a::before {
                  content: '';
                  position: absolute;
                  top: 0;
                  height: 4px;
                  background: #e50012;
                  left: -1px;
                  right: -1px;
                  transform: scaleX(0);
                  transform-origin: right center;
                  transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1); }
                .main.login .member_box .member_nav .member_r .member_b .classification a span {
                  color: #e50012; }
            .main.login .member_box .member_nav .member_r .member_b .content {
              padding: 0 20px; }
              .main.login .member_box .member_nav .member_r .member_b .content .empty {
                padding-top: 140px;
                text-align: center; }
                @media (max-width: 900px) {
                  .main.login .member_box .member_nav .member_r .member_b .content .empty {
                    padding: 50px 0; } }
                @media (max-width: 768px) {
                  .main.login .member_box .member_nav .member_r .member_b .content .empty {
                    padding: 30px 0; } }
                .main.login .member_box .member_nav .member_r .member_b .content .empty .pic img {
                  max-width: 60%; }
                  @media (max-width: 500px) {
                    .main.login .member_box .member_nav .member_r .member_b .content .empty .pic img {
                      height: 80px; } }
                .main.login .member_box .member_nav .member_r .member_b .content .empty .cont {
                  margin-top: 24px; }
                  @media (max-width: 600px) {
                    .main.login .member_box .member_nav .member_r .member_b .content .empty .cont {
                      margin-top: 13px; } }
                  .main.login .member_box .member_nav .member_r .member_b .content .empty .cont .txt {
                    font-size: 14px;
                    line-height: 24px;
                    color: #666; }
                  .main.login .member_box .member_nav .member_r .member_b .content .empty .cont a {
                    font-size: 14px;
                    line-height: 24px;
                    color: #ff9313;
                    text-decoration: underline;
                    margin-top: 7px; }
        .main.login .member_box .member_nav .member_l {
          float: left;
          width: 220px;
          border: 1px solid #e9e9e9;
          box-sizing: border-box; }
          @media (max-width: 900px) {
            .main.login .member_box .member_nav .member_l {
              width: 100%;
              float: none;
              border-bottom: none; } }
          .main.login .member_box .member_nav .member_l .t {
            background: #f7f7f7;
            font-size: 18px;
            line-height: 30px;
            color: #454545;
            text-align: center;
            padding: 10px; }
            @media (max-width: 900px) {
              .main.login .member_box .member_nav .member_l .t {
                display: none; } }
          .main.login .member_box .member_nav .member_l .nav_box .user_msg {
            padding: 20px 10px 42px 10px;
            border-bottom: 1px solid #e9e9e9;
            text-align: center; }
            @media (max-width: 900px) {
              .main.login .member_box .member_nav .member_l .nav_box .user_msg {
                padding: 20px; } }
            .main.login .member_box .member_nav .member_l .nav_box .user_msg .user_img {
              width: 102px;
              height: 102px;
              margin-left: auto;
              margin-right: auto;
              border-radius: 50%;
              overflow: hidden; }
              .main.login .member_box .member_nav .member_l .nav_box .user_msg .user_img img {
                width: 100%;
                height: auto; }
              @media (max-width: 600px) {
                .main.login .member_box .member_nav .member_l .nav_box .user_msg .user_img {
                  width: 80px;
                  height: 80px; } }
            .main.login .member_box .member_nav .member_l .nav_box .user_msg .user_name {
              margin-top: 15px;
              font-size: 16px;
              line-height: 26px;
              color: #333; }
              .main.login .member_box .member_nav .member_l .nav_box .user_msg .user_name span {
                color: #e50012; }
              @media (max-width: 600px) {
                .main.login .member_box .member_nav .member_l .nav_box .user_msg .user_name {
                  font-size: 14px;
                  line-height: 24px;
                  margin-top: 10px; } }
          .main.login .member_box .member_nav .member_l .nav_box .member_list {
            padding: 0 18px; }
            @media (max-width: 900px) {
              .main.login .member_box .member_nav .member_l .nav_box .member_list {
                display: none; } }
            .main.login .member_box .member_nav .member_l .nav_box .member_list ul li {
              border-bottom: 1px solid #e9e9e9; }
              .main.login .member_box .member_nav .member_l .nav_box .member_list ul li.active a .txt {
                color: #e50012; }
              @media (min-width: 1024px) {
                .main.login .member_box .member_nav .member_l .nav_box .member_list ul li:hover a .txt {
                  color: #e50012; } }
              .main.login .member_box .member_nav .member_l .nav_box .member_list ul li:last-child {
                border: none; }
              .main.login .member_box .member_nav .member_l .nav_box .member_list ul li a {
                display: block;
                font-size: 0;
                padding: 16px 10px 16px 32px; }
                .main.login .member_box .member_nav .member_l .nav_box .member_list ul li a .ico {
                  display: inline-block;
                  vertical-align: middle;
                  width: 16px;
                  height: 16px; }
                  .main.login .member_box .member_nav .member_l .nav_box .member_list ul li a .ico img {
                    max-width: 100%;
                    max-height: 100%; }
                .main.login .member_box .member_nav .member_l .nav_box .member_list ul li a .txt {
                  display: inline-block;
                  vertical-align: middle;
                  font-size: 15px;
                  line-height: 30px;
                  color: #454545;
                  margin-left: 12px;
                  transition: color 0.3s; }

.login_footer {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  text-align: center;
  padding: 30px 0; }
  .login_footer a {
    color: #666; }
    @media (min-width: 1024px) {
      .login_footer a:hover {
        color: #e50012; } }
  @media (max-width: 650px) {
    .login_footer {
      padding: 15px 0;
      font-size: 13px;
      line-height: 20px; } }

.footer {
  background: #252525; }
  .footer .footer_top {
    padding-top: 62px;
    padding-bottom: 15px; }
    @media (max-width: 1024px) {
      .footer .footer_top {
        padding-top: 40px;
        padding-bottom: 60px; } }
    @media (max-width: 600px) {
      .footer .footer_top {
        padding-top: 20px;
        padding-bottom: 20px; } }
    @media (max-width: 700px) {
      .footer .footer_top .footer_cen {
        padding: 0 10px;
        box-sizing: border-box; } }
    .footer .footer_top .footer_cen .msg {
      float: left;
      width: 18%; }
      @media (max-width: 1200px) {
        .footer .footer_top .footer_cen .msg {
          width: 22%; } }
      @media (max-width: 1024px) {
        .footer .footer_top .footer_cen .msg {
          width: 50%; } }
      @media (max-width: 700px) {
        .footer .footer_top .footer_cen .msg {
          width: 100%;
          float: none; } }
      .footer .footer_top .footer_cen .msg .tel .ds {
        font-size: 14px;
        line-height: 32px;
        color: #fff; }
        @media (max-width: 600px) {
          .footer .footer_top .footer_cen .msg .tel .ds {
            line-height: 24px; } }
      .footer .footer_top .footer_cen .msg .tel .number {
        font-size: 25px;
        line-height: 28px;
        color: #fff;
        font-family: "CENTURYGOTHIC-BOLD"; }
        @media (max-width: 1200px) {
          .footer .footer_top .footer_cen .msg .tel .number {
            font-size: 26px;
            line-height: 28px; } }
      .footer .footer_top .footer_cen .msg .con {
        margin-top: 12px;
        font-size: 14px;
        line-height: 28px;
        color: #fff;
        opacity: 0.3;
        filter: alpha(opacity=30); }
        @media (max-width: 600px) {
          .footer .footer_top .footer_cen .msg .con {
            line-height: 24px;
            margin-top: 8px; } }
    .footer .footer_top .footer_cen .code_box {
      float: left;
      width:28%;
      text-align: center;
      font-size: 0;
      margin-top: 10px; }
      @media (max-width: 1200px) {
        .footer .footer_top .footer_cen .code_box {
          width: 28%; } }
      @media (max-width: 1024px) {
        .footer .footer_top .footer_cen .code_box {
          width: 50%; } }
      @media (max-width: 700px) {
        .footer .footer_top .footer_cen .code_box {
          float: none;
          width: 100%;
          text-align: left;
          margin-top: 14px; } }
      .footer .footer_top .footer_cen .code_box .code {
        width: 140px;
        display: inline-block;
        vertical-align: top;
        margin: 0 6px; }
        @media (max-width: 1200px) {
          .footer .footer_top .footer_cen .code_box .code {
            width: 124px;
            margin: 0 3px; } }
        @media (max-width: 1024px) {
          .footer .footer_top .footer_cen .code_box .code {
            text-align: center;
            width: 160px; } }
        @media (max-width: 800px) {
          .footer .footer_top .footer_cen .code_box .code {
            width: 140px; } }
        @media (max-width: 700px) {
          .footer .footer_top .footer_cen .code_box .code {
            width: 110px;
            margin-left: 0;
            margin-right: 10px; } }
        .footer .footer_top .footer_cen .code_box .code .code_img {
          width: 124px;
          height: 124px;
          background: #fff;
          border-radius: 5px;
          margin-left: auto;
          margin-right: auto;
          position: relative; }
          @media (max-width: 1200px) {
            .footer .footer_top .footer_cen .code_box .code .code_img {
              width: 110px;
              height: 110px; } }
          @media (max-width: 1024px) {
            .footer .footer_top .footer_cen .code_box .code .code_img {
              width: 130px;
              height: 130px; } }
          @media (max-width: 800px) {
            .footer .footer_top .footer_cen .code_box .code .code_img {
              width: 110px;
              height: 110px; } }
          @media (max-width: 700px) {
            .footer .footer_top .footer_cen .code_box .code .code_img {
              width: 90px;
              height: 90px; } }
          .footer .footer_top .footer_cen .code_box .code .code_img img {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            max-width: 90%;
            max-height: 90%;
            margin: auto; }
        .footer .footer_top .footer_cen .code_box .code .txt {
          font-size: 14px;
          line-height: 24px;
          color: #fff;
          text-align: center;
          margin-top: 8px; }
          @media (max-width: 1200px) {
            .footer .footer_top .footer_cen .code_box .code .txt {
              font-size: 13px;
              line-height: 20px; } }
          @media (max-width: 1024px) {
            .footer .footer_top .footer_cen .code_box .code .txt {
              font-size: 14px;
              line-height: 24px; } }
          @media (max-width: 700px) {
            .footer .footer_top .footer_cen .code_box .code .txt {
              margin-top: 4px;
              font-size: 12px;
              line-height: 20px; } }
    .footer .footer_top .footer_cen .foot_nav {
      float: right;
      width: 54%;
      margin-top: 5px; }
      @media (max-width: 1024px) {
        .footer .footer_top .footer_cen .foot_nav {
          display: none; } }
      .footer .footer_top .footer_cen .foot_nav ul li {
        float: left;
        width:16.6666%;
        padding-left:12px;
        padding-right: 10px;
        box-sizing: border-box;
        height: 215px;
        border-right: 1px solid #2b2b2b; }
        @media (max-width: 1200px) {
          .footer .footer_top .footer_cen .foot_nav ul li {
            padding-left: 18px; } }
        .footer .footer_top .footer_cen .foot_nav ul li:last-child {
          border: none;
          padding-right: 0; }
        .footer .footer_top .footer_cen .foot_nav ul li .large {
          display: block;
          font-size: 16px;
          line-height: 20px;
          color: #fff; }
        .footer .footer_top .footer_cen .foot_nav ul li .links {
          margin-top: 16px; }
          .footer .footer_top .footer_cen .foot_nav ul li .links a {
            display: block;
            font-size: 14px;
            line-height: 28px;
            color: #fff;
            transition: color 0.3s;
            opacity: 0.3;
            filter: alpha(opacity=30); }
            @media (min-width: 1024px) {
              .footer .footer_top .footer_cen .foot_nav ul li .links a:hover {
                opacity: 1;
                filter: alpha(opacity=100); } }
  .footer .footer_bot {
    border-top: 1px solid #2b2b2b;
    padding: 18px 0; }
    @media (max-width: 650px) {
      .footer .footer_bot {
        padding: 12px 0; } }
    .footer .footer_bot .footer_bot_cen .copyright {
      float: left;
      font-size: 14px;
      line-height: 30px;
      color: #fff;
      opacity: 0.3;
      filter: alpha(opacity=30); }
      @media (max-width: 650px) {
        .footer .footer_bot .footer_bot_cen .copyright {
          width: 100%;
          float: none;
          text-align: center;
          font-size: 13px;
          line-height: 20px; } }
    .footer .footer_bot .footer_bot_cen .build {
      float: right;
      font-size: 14px;
      line-height: 30px;
      color: #fff;
      opacity: 0.3;
      filter: alpha(opacity=30); }
      @media (max-width: 650px) {
        .footer .footer_bot .footer_bot_cen .build {
          width: 100%;
          float: none;
          text-align: center;
          font-size: 13px;
          line-height: 20px; } }
      .footer .footer_bot .footer_bot_cen .build a {
        transition: color 0.3s;
        color: #fff; }
        @media (min-width: 1024px) {
          .footer .footer_bot .footer_bot_cen .build a:hover {
            color: #e50012; } }

.jwlogo {
  display: none; }

.vwrap {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10001;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden; }
  .vwrap.active {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible; }
  .vwrap .close {
    width: 32px;
    height: 32px;
    position: absolute;
    background: url(../images/close.png) no-repeat;
    background-size: cover;
    top: -40px;
    cursor: pointer;
    right: 0px; }
    @media (max-width: 850px) {
      .vwrap .close {
        width: 24px;
        height: 24px;
        background-size: cover;
        top: -34px; } }
  .vwrap .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); }
  .vwrap .video_b {
    position: absolute;
    width: 1200px;
    left: 50%;
    height: 600px;
    top: 50%;
    margin-top: -300px;
    background: #000;
    margin-left: -600px; }
    @media (max-width: 1240px) {
      .vwrap .video_b {
        width: 1000px;
        height: 500px;
        margin-top: -250px;
        margin-left: -500px; } }
    @media (max-width: 1050px) {
      .vwrap .video_b {
        width: 800px;
        height: 400px;
        margin-top: -200px;
        margin-left: -400px; } }
    @media (max-width: 850px) {
      .vwrap .video_b {
        width: 700px;
        height: 350px;
        margin-top: -175px;
        margin-left: -350px; } }
    @media (max-width: 750px) {
      .vwrap .video_b {
        width: 600px;
        height: 300px;
        margin-top: -150px;
        margin-left: -300px; } }
    @media (max-width: 650px) {
      .vwrap .video_b {
        width: 500px;
        height: 250px;
        margin-top: -125px;
        margin-left: -250px; } }
    @media (max-width: 550px) {
      .vwrap .video_b {
        width: 400px;
        height: 300px;
        margin-top: -150px;
        margin-left: -200px; } }
    @media (max-width: 450px) {
      .vwrap .video_b {
        width: 100%;
        height: 150px;
        margin-top: -75px;
        margin-left: 0;
        left: 0%; } }

.page_box {
  text-align: center;
  font-size: 0;
  margin-top: 55px; }
  @media (max-width: 1024px) {
    .page_box {
      margin-top: 40px; } }
  @media (max-width: 600px) {
    .page_box {
      margin-top: 25px; } }
  .page_box a {
    padding: 0 12px;
    display: inline-block;
    vertical-align: top;
    min-width: 10px;
    height: 34px;
    background: #fff;
    border-radius: 3px;
    font-size: 18px;
    line-height: 34px;
    color: #616161;
    font-family: Arial;
    text-align: center;
    margin: 2px;
    transition: all 0.5s; }
    .page_box a.active {
      background: #e50012;
      color: #fff; }
    @media (min-width: 1024px) {
      .page_box a:hover {
        background: #e50012;
        color: #fff; } }
    @media (max-width: 1024px) {
      .page_box a {
        height: 30px;
        padding: 0 10px;
        margin: 5px;
        font-size: 16px;
        line-height: 30px; } }
    @media (max-width: 600px) {
      .page_box a {
        font-size: 14px; } }

.pnav {
  width: 82px;
  position: fixed;
  left: 40px;
  top: 50%;
  margin-top: -225px;
  z-index: 100; }
  @media (max-width: 1450px) {
    .pnav {
      left: 20px !important; } }
  @media (max-width: 1024px) {
    .pnav {
      display: none; } }
  .pnav.show ul li:nth-child(1) {
    transform: translateY(0px);
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    transition-delay: 0.15s; }
  .pnav.show ul li:nth-child(2) {
    transform: translateY(0px);
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    transition-delay: 0.3s; }
  .pnav.show ul li:nth-child(3) {
    transform: translateY(0px);
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    transition-delay: 0.45s; }
  .pnav.show ul li:nth-child(4) {
    transform: translateY(0px);
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    transition-delay: 0.6s; }
  .pnav.show ul li:nth-child(5) {
    transform: translateY(0px);
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    transition-delay: 0.75s; }
  .pnav.show ul li:nth-child(6) {
    transform: translateY(0px);
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    transition-delay: 0.9s; }
  .pnav ul li {
    width: 82px;
    height: 90px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s; }
    .pnav ul li:nth-child(1) {
      transition-delay: 0.75s; }
    .pnav ul li:nth-child(2) {
      transition-delay: 0.5s; }
    .pnav ul li:nth-child(3) {
      transition-delay: 0.3s; }
    .pnav ul li:nth-child(4) {
      transition-delay: 0.15s; }
    .pnav ul li:nth-child(5) {
      transition-delay: 0s; }
    @media (max-width: 1100px) {
      .pnav ul li {
        width: 70px;
        height: 77px; } }
    .pnav ul li.active a {
      background: url(../images/Hexagon2.png) no-repeat;
      background-size: cover; }
    .pnav ul li a {
      text-align: center;
      display: block;
      padding-top: 18px;
      height: 100%;
      box-sizing: border-box;
      transition: all 0.3s;
      background: url(../images/Hexagon.png) no-repeat;
      background-size: cover; }
      @media (min-width: 1024px) {
        .pnav ul li a:hover {
          background: url(../images/Hexagon2.png) no-repeat;
          background-size: cover; } }
      @media (max-width: 1100px) {
        .pnav ul li a {
          padding-top: 16px; } }
      .pnav ul li a .ico {
        width: 100%;
        height: 26px;
        text-align: center; }
        @media (max-width: 1100px) {
          .pnav ul li a .ico {
            height: 20px; } }
        .pnav ul li a .ico img {
          max-width: 80%;
          max-height: 100%;
          vertical-align: top; }
      .pnav ul li a .txt {
        margin-top: 5px;
        font-size: 14px;
        line-height: 20px;
        color: #fff; }

.proup_bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.5s; }
  .proup_bg.active {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible; }

.proup_box {
  position: fixed;
  background: #fff;
  border-radius: 5px;
  width: 778px;
  height: 640px;
  background-color: #fff;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.09);
  left: 50%;
  margin-left: -389px;
  top: 50%;
  z-index: 1001;
  margin-top: -320px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  transition: all 0.5s; }
  .proup_box.active {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible; }
  @media (max-width: 820px) {
    .proup_box {
      width: 94%;
      height: auto;
      margin-left: -47%;
      margin-top: -300px; } }
  @media (max-width: 500px) {
    .proup_box {
      overflow: auto;
      top: 3%;
      bottom: 3%;
      margin-top: 0; } }
  .proup_box .close {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 18px;
    right: 30px;
    cursor: pointer;
    background: url(../images/close_icon.png) no-repeat center center; }
    @media (max-width: 820px) {
      .proup_box .close {
        top: 13px; } }
    @media (max-width: 500px) {
      .proup_box .close {
        right: 10px;
        width: 16px;
        height: 16px;
        background-size: cover;
        top: 15px; } }
  .proup_box .process {
    width: 100%;
    height: 100%;
    background: #fff;
    display: none; }
    .proup_box .process.show {
      display: block; }
    .proup_box .process .process_tit {
      font-size: 18px;
      line-height: 58px;
      color: #454545;
      font-weight: bold;
      text-align: center;
      background: #f9f9f9; }
      @media (max-width: 820px) {
        .proup_box .process .process_tit {
          line-height: 50px; } }
      @media (max-width: 500px) {
        .proup_box .process .process_tit {
          font-size: 16px; } }
    .proup_box .process .pay_box {
      margin-top: 50px; }
      @media (max-width: 600px) {
        .proup_box .process .pay_box {
          margin-top: 30px; } }
      .proup_box .process .pay_box .code_box {
        width: 234px;
        height: 234px;
        border: 1px solid #dfdfdf;
        border-radius: 3px;
        margin-left: auto;
        margin-right: auto;
        position: relative; }
        @media (max-width: 600px) {
          .proup_box .process .pay_box .code_box {
            width: 150px;
            height: 150px; } }
        .proup_box .process .pay_box .code_box img {
          position: absolute;
          left: 0;
          bottom: 0;
          top: 0;
          right: 0;
          max-width: 90%;
          max-height: 90%;
          margin: auto; }
      .proup_box .process .pay_box .cont {
        text-align: center;
        padding: 0 40px;
        margin-top: 30px; }
        @media (max-width: 600px) {
          .proup_box .process .pay_box .cont {
            padding: 0 10px; } }
        .proup_box .process .pay_box .cont .price {
          font-size: 18px;
          line-height: 34px;
          color: #454545; }
          .proup_box .process .pay_box .cont .price span {
            font-size: 30px;
            line-height: 34px;
            color: #ff9313;
            font-family: Arial;
            display: inline-block;
            vertical-align: middle; }
          @media (max-width: 600px) {
            .proup_box .process .pay_box .cont .price {
              font-size: 16px;
              line-height: 28px; }
              .proup_box .process .pay_box .cont .price span {
                font-size: 22px;
                line-height: 24px; } }
        .proup_box .process .pay_box .cont .txt {
          font-size: 14px;
          line-height: 24px;
          color: #454545;
          margin-top: 15px; }
          @media (max-width: 600px) {
            .proup_box .process .pay_box .cont .txt {
              font-size: 13px;
              line-height: 20px;
              margin-top: 10px; } }
    .proup_box .process .from_box {
      padding: 0 92px;
      padding-top: 18px; }
      @media (max-width: 820px) {
        .proup_box .process .from_box {
          padding: 18px 30px 30px 30px; } }
      @media (max-width: 500px) {
        .proup_box .process .from_box {
          padding: 15px; } }
      .proup_box .process .from_box .input_group {
        padding-left: 160px;
        position: relative; }
        @media (max-width: 550px) {
          .proup_box .process .from_box .input_group {
            padding-left: 0; } }
        .proup_box .process .from_box .input_group label {
          position: absolute;
          left: 0;
          top: 0;
          width: 160px;
          font-size: 16px;
          line-height: 46px;
          color: #454545;
          text-align: right;
          display: block; }
          @media (max-width: 550px) {
            .proup_box .process .from_box .input_group label {
              font-size: 14px;
              line-height: 24px;
              display: block;
              width: 100%;
              position: static;
              text-align: left;
              margin-top: 7px; } }
        .proup_box .process .from_box .input_group .submit {
          width: 100%;
          height: 48px;
          border: none;
          background: #ff9313;
          font-size: 18px;
          line-height: 48px;
          color: #fff;
          border-radius: 3px;
          margin-top: 16px; }
          @media (max-width: 820px) {
            .proup_box .process .from_box .input_group .submit {
              font-size: 16px;
              line-height: 40px;
              height: 40px; } }
          @media (max-width: 500px) {
            .proup_box .process .from_box .input_group .submit {
              font-size: 14px;
              line-height: 36px;
              height: 36px;
              margin-top: 13px; } }
        .proup_box .process .from_box .input_group .input_box {
          position: relative; }
          .proup_box .process .from_box .input_group .input_box .icon {
            width: 20px;
            height: 20px;
            background: url(../images/time.png) no-repeat center center;
            position: absolute;
            right: 13px;
            top: 50%;
            margin-top: -10px; }
          .proup_box .process .from_box .input_group .input_box select {
            width: 100%;
            height: 46px;
            border: 1px solid #e1e1e1;
            font-size: 14px;
            line-height: 46px;
            color: #ccc;
            padding: 0 15px;
            display: block;
            box-sizing: border-box;
            -webkit-appearance: none;
            appearance: none;
            border-radius: 3px;
            margin-top: 12px;
            background: url(../images/xia.png) no-repeat 97% center; }
            @media (max-width: 550px) {
              .proup_box .process .from_box .input_group .input_box select {
                height: 40px;
                line-height: 40px;
                margin-top: 7px; } }
          .proup_box .process .from_box .input_group .input_box input {
            margin-top: 12px;
            width: 100%;
            height: 46px;
            border: 1px solid #e1e1e1;
            font-size: 14px;
            line-height: 46px;
            color: #ccc;
            padding: 0 15px;
            display: block;
            box-sizing: border-box;
            border-radius: 3px; }
            @media (max-width: 550px) {
              .proup_box .process .from_box .input_group .input_box input {
                height: 40px;
                line-height: 40px;
                margin-top: 7px; } }
          .proup_box .process .from_box .input_group .input_box textarea {
            width: 100%;
            border: 1px solid #e1e1e1;
            font-size: 14px;
            line-height: 24px;
            color: #ccc;
            padding: 0 15px;
            display: block;
            padding-top: 10px;
            box-sizing: border-box;
            border-radius: 3px;
            height: 128px;
            resize: none;
            margin-top: 12px; }
            @media (max-width: 550px) {
              .proup_box .process .from_box .input_group .input_box textarea {
                height: 110px;
                padding-top: 8px;
                margin-top: 7px; } }
    .proup_box .process .process_box {
      margin-top: 30px;
      padding: 0 65px; }
      @media (max-width: 820px) {
        .proup_box .process .process_box {
          padding: 30px;
          padding-top: 0; } }
      @media (max-width: 500px) {
        .proup_box .process .process_box {
          padding: 15px;
          padding-top: 0; } }
      .proup_box .process .process_box .pro_top .pic {
        float: left;
        width: 33.95%;
        overflow: hidden; }
        .proup_box .process .process_box .pro_top .pic img {
          width: 100%;
          height: auto; }
        @media (max-width: 500px) {
          .proup_box .process .process_box .pro_top .pic {
            width: 100%;
            float: none; } }
      .proup_box .process .process_box .pro_top .text {
        float: right;
        width: 59.25%; }
        @media (max-width: 500px) {
          .proup_box .process .process_box .pro_top .text {
            width: 100%;
            float: none;
            margin-top: 10px; } }
        .proup_box .process .process_box .pro_top .text .price {
          font-size: 16px;
          line-height: 30px;
          color: #666;
          margin-top: 10px; }
          .proup_box .process .process_box .pro_top .text .price .model {
            display: inline-block;
            width: 90px;
            color: #666;
            text-align: right; }
            @media (max-width: 500px) {
              .proup_box .process .process_box .pro_top .text .price .model {
                width: auto; } }
          .proup_box .process .process_box .pro_top .text .price i {
            font-style: normal;
            text-decoration: line-through; }
          .proup_box .process .process_box .pro_top .text .price .money {
            display: inline-block;
            vertical-align: middle;
            font-size: 24px;
            line-height: 30px;
            color: #ff9313; }
            .proup_box .process .process_box .pro_top .text .price .money span {
              font-family: Arial;
              font-size: 48px; }
          @media (max-width: 820px) {
            .proup_box .process .process_box .pro_top .text .price {
              font-size: 14px;
              line-height: 28px;
              margin-top: 6px; }
              .proup_box .process .process_box .pro_top .text .price .money {
                font-size: 20px;
                line-height: 28px; }
                .proup_box .process .process_box .pro_top .text .price .money span {
                  font-size: 30px; } }
          @media (max-width: 500px) {
            .proup_box .process .process_box .pro_top .text .price {
              font-size: 14px;
              line-height: 20px;
              margin-top: 4px; }
              .proup_box .process .process_box .pro_top .text .price .money {
                font-size: 16px;
                line-height: 20px; }
                .proup_box .process .process_box .pro_top .text .price .money span {
                  font-size: 20px; } }
      .proup_box .process .process_box .num_list {
        margin-top: 18px; }
        .proup_box .process .process_box .num_list .num_tit {
          font-size: 16px;
          line-height: 24px;
          color: #454545; }
        .proup_box .process .process_box .num_list .num_control {
          width: 204px;
          border: 1px solid #e1e1e1;
          border-radius: 3px;
          text-align: center;
          margin-top: 18px; }
          @media (max-width: 820px) {
            .proup_box .process .process_box .num_list .num_control {
              width: 180px; } }
          @media (max-width: 500px) {
            .proup_box .process .process_box .num_list .num_control {
              width: 140px; } }
          .proup_box .process .process_box .num_list .num_control .reduce {
            width: 33.33%;
            float: left;
            border-right: 1px solid #e1e1e1;
            font-size: 30px;
            line-height: 44px;
            color: #666;
            font-family: Arial;
            text-align: center;
            box-sizing: border-box;
            cursor: pointer; }
            @media (max-width: 820px) {
              .proup_box .process .process_box .num_list .num_control .reduce {
                font-size: 20px;
                line-height: 36px; } }
          .proup_box .process .process_box .num_list .num_control .num {
            width: 33.33%;
            float: left;
            font-size: 18px;
            line-height: 44px;
            color: #ff9313;
            text-align: center;
            border-right: 1px solid #e1e1e1;
            box-sizing: border-box; }
            @media (max-width: 820px) {
              .proup_box .process .process_box .num_list .num_control .num {
                font-size: 16px;
                line-height: 36px; } }
          .proup_box .process .process_box .num_list .num_control .plus {
            width: 33.33%;
            float: left;
            font-size: 18px;
            line-height: 44px;
            color: #666;
            font-family: Arial;
            text-align: center;
            cursor: pointer; }
            @media (max-width: 820px) {
              .proup_box .process .process_box .num_list .num_control .plus {
                font-size: 16px;
                line-height: 36px; } }
      .proup_box .process .process_box .submit {
        width: 100%;
        height: 50px;
        border-radius: 4px;
        background: #ff9313;
        font-size: 18px;
        line-height: 50px;
        color: #fff;
        margin-top: 30px;
        text-align: center; }
        @media (max-width: 820px) {
          .proup_box .process .process_box .submit {
            margin-top: 20px;
            font-size: 16px;
            line-height: 40px;
            height: 40px; } }
        @media (max-width: 500px) {
          .proup_box .process .process_box .submit {
            font-size: 14px;
            line-height: 36px;
            height: 36px;
            margin-top: 13px; } }
      .proup_box .process .process_box .choose {
        margin-top: 30px; }
        @media (max-width: 500px) {
          .proup_box .process .process_box .choose {
            margin-top: 10px; } }
        .proup_box .process .process_box .choose .choose_tit {
          font-size: 16px;
          line-height: 24px;
          color: #454545; }
          @media (max-width: 500px) {
            .proup_box .process .process_box .choose .choose_tit {
              font-size: 16px;
              line-height: 20px; } }
        @media (max-width: 500px) {
          .proup_box .process .process_box .choose .choose_list {
            margin-top: 10px; } }
        .proup_box .process .process_box .choose .choose_list ul li {
          margin-right: 18px;
          float: left;
          min-width: 50px;
          border: 1px solid #e1e1e1;
          border-radius: 4px;
          font-size: 14px;
          line-height: 42px;
          margin-top: 14px;
          color: #666;
          text-align: center;
          padding: 0 20px;
          cursor: pointer;
          position: relative; }
          .proup_box .process .process_box .choose .choose_list ul li.active {
            border-color: #ff9313; }
            .proup_box .process .process_box .choose .choose_list ul li.active::after {
              opacity: 1;
              filter: alpha(opacity=100); }
          .proup_box .process .process_box .choose .choose_list ul li::after {
            content: '';
            width: 10px;
            height: 10px;
            background: url(../images/s.png) no-repeat;
            bottom: 0;
            right: 0;
            position: absolute;
            opacity: 0;
            filter: alpha(opacity=0); }
          @media (max-width: 820px) {
            .proup_box .process .process_box .choose .choose_list ul li {
              padding: 0 15px;
              margin-right: 13px;
              line-height: 36px; } }
          @media (max-width: 500px) {
            .proup_box .process .process_box .choose .choose_list ul li {
              font-size: 12px;
              min-width: inherit;
              padding: 0 20px;
              margin-right: 8px;
              margin-top: 8px; } }

.menu_box {
  position: fixed;
  left: 0;
  top: 60px;
  bottom: 0;
  overflow: auto;
  width: 100%;
  background: #fff;
  border-top: 1px solid #e1e1e1;
  display: none;
  z-index: 1000; }
  .menu_box .navMobile {
    width: 100%;
    height: auto; }
    .menu_box .navMobile li {
      width: 100%;
      height: auto;
      border-bottom: 1px solid #e1e1e1; }
      .menu_box .navMobile li > a {
        display: block;
        font-size: 16px;
        color: #454545;
        line-height: 24px;
        padding: 10px 30px;
        box-sizing: border-box;
        position: relative; }
        .menu_box .navMobile li > a.show i {
          transform: rotate(-180deg); }
        .menu_box .navMobile li > a i {
          width: 15px;
          transition: transform 0.3s;
          height: 8px;
          background: url(../images/x_icon.png) no-repeat center center;
          display: block;
          position: absolute;
          right: 30px;
          top: 50%;
          background-size: 100% 100%;
          margin-top: -4px; }
      .menu_box .navMobile li .subnav {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        display: none;
        background-color: #fbfbfb;
        border-top: 1px solid #e1e1e1; }
        .menu_box .navMobile li .subnav a {
          display: block;
          color: #666;
          font-size: 14px;
          padding: 0 30px;
          line-height: 40px;
          border-bottom: 1px solid #e1e1e1; }
          .menu_box .navMobile li .subnav a:last-child {
            border: none; }
          .menu_box .navMobile li .subnav a span {
            font-size: 12px;
            padding: 0 3px;
            position: relative;
            top: -4px; }

.nav_slider {
  width: 85px;
  position: fixed;
  top: 50%;
  margin-top: -200px;
  right: 0;
  z-index: 800; }
  @media (max-width: 1024px) {
    .nav_slider {
      display: none; } }
  .nav_slider .qq, .nav_slider .go_top, .nav_slider .wx {
    width: 85px;
    height: 70px;
    background: #e50012;
    margin-top: 1px;
    display: block;
    position: relative;
    padding-top: 15px;
    box-sizing: border-box;
    border-radius: 5px 0px 0px 5px; }
    .nav_slider .qq:hover .code, .nav_slider .go_top:hover .code, .nav_slider .wx:hover .code {
      transform: scale(1);
      visibility: visible;
      opacity: 1;
      filter: alpha(opacity=100); }
  .nav_slider .code {
    width: 120px;
    height: 120px;
    position: absolute;
    left: -130px;
    top: 0;
    overflow: hidden;
    background: #fff;
    transform: scale(0.5);
    transform-origin: right center;
    transition: all 0.3s;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0); }
    .nav_slider .code img {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      max-width: 90%;
      max-height: 90%; }
  .nav_slider .tel {
    left: 0;
    transition: left 0.3s;
    width: 220px;
    height: 70px;
    background: #e50012;
    margin-top: 1px;
    display: block;
    position: relative;
    box-sizing: border-box;
    border-radius: 5px 0px 0px 5px; }
    .nav_slider .tel:hover {
      left: -135px; }
    .nav_slider .tel .t1 {
      float: left;
      width: 85px;
      padding-top: 15px; }
    .nav_slider .tel .t2 {
      width: 135px;
      font-size: 14px;
      line-height: 70px;
      text-align: left;
      color: #fff;
      float: left; }
  .nav_slider .ico {
    width: 100%;
    height: 20px;
    position: relative; }
    .nav_slider .ico img {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      top: 0;
      margin: auto;
      max-width: 100%;
      max-height: 100%; }
  .nav_slider .txt {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin-top: 5px;
    text-align: center; }

/*# sourceMappingURL=style.css.map */

  @media (max-width: 1080px) {
  .page1{background-size: cover !important;}
  .page2{background-size: cover !important;}
  .page3{background-size: cover !important;}
  .page4{background-size: cover !important;}
  .page5{background-size: cover !important;}

}
